From 22418120e9df788ec6b0b1346afa81956a7aed8b Mon Sep 17 00:00:00 2001
From: Felix Stupp <felix.stupp@banananet.work>
Date: Sun, 6 Nov 2022 11:48:06 +0100
Subject: [PATCH] Show thumbnail of media element aside description

---
 server/templates/macros.htm        | 7 +++++++
 server/templates/media_element.htm | 1 +
 2 files changed, 8 insertions(+)

diff --git a/server/templates/macros.htm b/server/templates/macros.htm
index 25ebbbc..f5ff4d4 100644
--- a/server/templates/macros.htm
+++ b/server/templates/macros.htm
@@ -93,6 +93,13 @@
             justify-content: space-between;
             align-items: flex-end;
         }
+        .element_view > .thumbnail_img {
+            display: block;
+            margin: .4rem;
+            order: 90;
+            width: 420px;
+            max-width: 100%;
+        }
         .element_view > .element_info {
             display: block;
         }
diff --git a/server/templates/media_element.htm b/server/templates/media_element.htm
index 4772e91..1a705b4 100644
--- a/server/templates/media_element.htm
+++ b/server/templates/media_element.htm
@@ -11,6 +11,7 @@
         {{ macros.body_header() }}
         <h1>{{ title }}</h1>
         <div class="element_view">
+            <img class="thumbnail_img" src="{{ element.info_link }}/thumbnail" alt="Thumbnail" />
             <div class="element_info">
                 {% if element.description != None %}
                     <div class="description">{{ element.description }}</div>