FutureEntry: Simplify implementation

If it's not an `.entry`, that's fine. But making the
child one, is not. Only children of the overlay must
be entries. If style rules apply, copy them over.

Author: nilmerg

library/Notifications/Widget/Timeline/FutureEntry.php

@@ -14,16 +14,16 @@
  * FutureEntry
  *
  * Visualize a future entry of the rotation
- *
- * @extends Entry<0>
  */
 class FutureEntry extends Entry
 {
+    protected $defaultAttributes = ['class' => 'future-entry'];
+
+    protected $continuationType = Entry::TO_NEXT_GRID;
+
     public function __construct()
     {
         parent::__construct(0);
-
-        $this->setContinuationType(Entry::TO_NEXT_GRID);
     }
 
     public function getColor(int $transparency): string
@@ -34,17 +34,12 @@ public function getColor(int $transparency): string
 
     protected function assembleContainer(BaseHtmlElement $container): void
     {
-        $futureBadge = new HtmlElement(
+        $container->addHtml(new HtmlElement(
             'div',
             new Attributes([
-                'title' => $this->translate('Rotation starts in the future'),
-                $container->getAttributes()->get('class')
+                'title' => $this->translate('Rotation starts in the future')
             ]),
             new Icon('angle-right')
-        );
-
-        $container
-            ->setAttribute('class', 'future-entry') // override the default class
-            ->addHtml($futureBadge);
+        ));
     }
 }

public/css/timeline.less

@@ -65,8 +65,12 @@
       .future-entry {
         display: flex;
         justify-content: end;
+        z-index: 2; // overlap the .clock .time-hand
+        pointer-events: all;
 
-        .entry {
+        > div {
+          margin-top: 1em;
+          margin-bottom: 1em;
           display: flex;
           align-items: center;
           justify-content: end;