From 3ee2ed51708511b03de5a5e9c4f8b34b857c2c4d Mon Sep 17 00:00:00 2001
From: Julien Maille <julien.maille@data-pixel.com>
Date: Tue, 23 Dec 2025 13:04:20 +0100
Subject: [PATCH] UI: reduce sidebar width on desktop

---
 styles.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/styles.css b/styles.css
index 2968e44..bf91bcd 100644
--- a/styles.css
+++ b/styles.css
@@ -187,14 +187,14 @@ kbd {
     height: 100dvh;
     grid-template:
         "sidebar main" 1fr
-        "player player" auto / 280px 1fr;
+        "player player" auto / 190px 1fr;
 }
 
 .sidebar {
     grid-area: sidebar;
     background-color: var(--background);
     border-right: 1px solid var(--border);
-    padding: 1.5rem;
+    padding: 1.25rem;
     display: flex;
     flex-direction: column;
     gap: 2rem;
@@ -1834,7 +1834,7 @@ input:checked + .slider::before {
 /* Responsive Design */
 @media (max-width: 1024px) {
     .app-container {
-        grid-template-columns: 240px 1fr;
+        grid-template-columns: 160px 1fr;
     }
 
     .card-grid {