More responsiveness

2026-06-10 18:45:59 +02:00
parent 2cdc857b9a
commit 20b65fd15e
3 changed files with 20 additions and 2 deletions
--- a/frontend/app/components/parts/TableHeader.vue
+++ b/frontend/app/components/parts/TableHeader.vue
@@ -124,6 +124,11 @@ const preloadImages = (imageArray) => {
    user-select: none;
    display: flex;
    justify-content: space-between;
+
+    @media screen and (max-width: 670px) {
+        flex-direction: column;
+        gap: 8px;
+    }
 }

 .header-container {
@@ -153,7 +158,11 @@ const preloadImages = (imageArray) => {
    }

    @media screen and (max-width: 600px) {
-        margin-top: -240px;
+        margin-top: -300px;
+    }
+
+    @media screen and (max-width: 480px) {
+        margin-top: -340px;
    }
 }