Refactor and minor fixes

src/page/timeline/timeline-element/timeline-element-parameters.ts

@@ -1,11 +1,10 @@
 import { html } from '../../../types/html';
-import { Image } from '../../basics/image/image';
 import { Preview } from '../../basics/preview/preview';
 import { Video } from '../../basics/video/video';
 
 export interface TimelineElementParameters {
   date: string;
-  figure: Image | Video | Preview;
+  figure: html | Video | Preview;
   title: string;
   description: string;
   more: Array<string>;

src/page/timeline/timeline-element/timeline-element.html.ts

@@ -26,7 +26,7 @@ export const generate = (
           more
             ? `
             <div class="more">
-              ${more.map((t) => `<p>${t}</p>`).join('\n')}
+              ${more.map((t) => `<p>${t}</p>`).join('')}
             </div>`
             : ''
         }

src/page/timeline/timeline-element/timeline-element.scss

@@ -109,6 +109,7 @@
 
       h2 {
         text-align: center;
+        margin-bottom: -10px;
 
         > a {
           @include sub-title-font();
@@ -131,7 +132,8 @@
         }
       }
 
-      .description {
+      .description,
+      .info-button {
         text-align: center;
       }
 

src/page/timeline/timeline-element/timeline-element.ts

@@ -18,7 +18,12 @@ export class PageTimelineElement extends PageElement {
     addEventListener('resize', this.handleResize.bind(this));
 
     this.query('.info-button').addEventListener('click', this.toggleOpen.bind(this));
-    this.attachElementByReplacing('.figure', timelineElement.figure);
+    this.attachElementByReplacing(
+      '.figure',
+      timelineElement.figure instanceof PageElement
+        ? timelineElement.figure
+        : new PageElement(createElement(timelineElement.figure))
+    );
     this.isOpen = false;
   }