From fd91bbe20795e2aaeed02332661fd04bfd2bcbdf Mon Sep 17 00:00:00 2001
From: nessi <sascha@nesterovic.cc>
Date: Sat, 7 Feb 2026 11:43:00 +0100
Subject: [PATCH] Adjust grid column widths for improved layout consistency

Updated the grid column sizes across the application to ensure a better visual balance and alignment. This includes reducing the minimum and maximum widths for side panels and stacking elements vertically for better usability in the left tools section.
---
 frontend/src/AppLayout.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/AppLayout.css b/frontend/src/AppLayout.css
index ebc8848..3a08f67 100644
--- a/frontend/src/AppLayout.css
+++ b/frontend/src/AppLayout.css
@@ -42,12 +42,12 @@ body {
   min-height: 0;
   overflow: hidden;
   display: grid;
-  grid-template-columns: minmax(260px, 360px) minmax(520px, 1fr) 92px;
+  grid-template-columns: minmax(220px, 300px) minmax(520px, 1fr) 92px;
   gap: 14px;
   min-width: 0;
 }
 
-/* Left of board: two cards next to each other */
+/* Left of board: stack cards vertically (Hilfskarten over Dunkles Deck) */
 .leftTools {
   min-width: 0;
   overflow: hidden;
@@ -57,7 +57,7 @@ body {
 
 .leftToolsRow {
   display: grid;
-  grid-template-columns: 1fr 1fr; /* Hilfskarten | Dunkles Deck */
+  grid-template-columns: 1fr; /* ✅ vertical */
   gap: 14px;
   min-width: 0;
 }
@@ -155,7 +155,7 @@ body {
     grid-template-columns: minmax(760px, 1fr) clamp(360px, 34vw, 480px);
   }
   .mainRow {
-    grid-template-columns: minmax(240px, 320px) minmax(480px, 1fr) 88px;
+    grid-template-columns: minmax(210px, 280px) minmax(480px, 1fr) 88px;
   }
 }
 
@@ -164,6 +164,6 @@ body {
     grid-template-columns: 1fr clamp(340px, 36vw, 460px);
   }
   .mainRow {
-    grid-template-columns: minmax(220px, 300px) minmax(420px, 1fr) 84px;
+    grid-template-columns: minmax(200px, 260px) minmax(420px, 1fr) 84px;
   }
 }