From 89709099170af7a8696e0d0e03be06a394452270 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Tue, 7 Apr 2026 00:10:31 +0200
Subject: [PATCH] fix: reduce anime sidebar spacing with css columns

---
 static/css/style.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 51ac954..2e8ace7 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -721,9 +721,8 @@ a:visited {
 .anime-sidebar {
   flex-shrink: 0;
   width: 240px;
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 12px;
+  columns: 2;
+  column-gap: 8px;
   padding: 12px;
   background: var(--surface);
   border: 1px solid var(--border);
@@ -733,7 +732,9 @@ a:visited {
 .sidebar-row {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 2px;
+  margin-bottom: 8px;
+  break-inside: avoid;
 }
 
 .sidebar-label {