From 16e42cf318f91f43b2754e02a876547b82d0ea2e Mon Sep 17 00:00:00 2001
From: Simon <simon.huenecke@gmail.com>
Date: Mon, 9 Feb 2026 16:09:42 +0000
Subject: [PATCH] visual improvements and bugfixes

---
 frontend/css/style.css | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/frontend/css/style.css b/frontend/css/style.css
index 7bdb337..da472f3 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -736,9 +736,8 @@ body.theme-light .setting-item select option {
 
 /* Grid Container */
 .grid-container {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
-    gap: 16px;
+    column-width: 260px;
+    column-gap: 16px;
     padding: 24px;
     max-width: var(--grid-max);
     margin: 0 auto;
@@ -746,8 +745,8 @@ body.theme-light .setting-item select option {
 
 @media (max-width: 768px) {
     .grid-container {
-        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
-        gap: 12px;
+        column-width: 160px;
+        column-gap: 12px;
         padding: 16px;
     }
 
@@ -810,7 +809,7 @@ body.theme-light .setting-item select option {
 
 @media (min-width: 1920px) {
     .grid-container {
-        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+        column-width: 280px;
     }
 }
 
@@ -844,12 +843,14 @@ body.theme-light .setting-item select option {
     overflow: hidden;
     transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
     background: var(--bg-secondary);
-    display: flex;
+    display: inline-flex;
     flex-direction: column;
-    height: 100%;
+    width: 100%;
     border: 1px solid var(--border);
     box-shadow: 0 6px 16px var(--shadow);
     position: relative;
+    break-inside: avoid;
+    margin-bottom: 16px;
 }
 
 .video-card:hover {
@@ -863,8 +864,6 @@ body.theme-light .setting-item select option {
     height: auto;
     display: block;
     background: var(--bg-tertiary);
-    aspect-ratio: 16 / 9;
-    object-fit: cover;
 }
 
 .video-card h4 {