From 2e767fddf0ce75b586eec58dd762296079298640 Mon Sep 17 00:00:00 2001
From: Felix Stupp <felix.stupp@banananet.work>
Date: Sat, 27 Aug 2022 23:39:06 +0200
Subject: [PATCH] Make buttons in media tables more responsive

---
 server/templates/macros.htm | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/server/templates/macros.htm b/server/templates/macros.htm
index f568a84..492c72e 100644
--- a/server/templates/macros.htm
+++ b/server/templates/macros.htm
@@ -47,6 +47,18 @@
             color: gray;
             cursor: default;
         }
+        .button-list {
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+            align-content: center;
+        }
+        @media screen and (max-width: 700px) {
+            .button-list {
+                flex-direction: column;
+            }
+        }
     </style>
 {% endmacro %}
 
@@ -168,7 +180,7 @@
                 <td>
                     {{- media.left_length | timedelta -}}
                 </td>
-                <td>
+                <td class="button-list">
                     {{- media_element_buttons(media) -}}
                 </td>
                 <td><a href="{{ media.info_link }}">{{ media.title }}</a></td>
@@ -194,7 +206,7 @@
                 <td>
                     {{- link.element.left_length | timedelta -}}
                 </td>
-                <td>
+                <td class="button-list">
                     {{- media_element_buttons(link.element) -}}
                 </td>
                 <td>