From d51bfd3daa02318c8f9f397f0c3674c91dd02372 Mon Sep 17 00:00:00 2001
From: Lars <Lars@stommer.de>
Date: Sun, 5 Apr 2026 08:12:10 +0200
Subject: [PATCH] feat: Update dashboard layout to use grid for responsive stat
 cards

---
 frontend/src/app.css | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app.css b/frontend/src/app.css
index 034ae63..b9ce273 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -371,9 +371,10 @@ body { font-family: var(--font); background: var(--bg); color: var(--text1); -we
   margin-bottom: 16px;
 }
 
+/* KPI: immer gleich breite Spalten — Mobile 2×2, Desktop 1×4 (kein „einzelne volle Zeile“) */
 .dashboard-stat-grid {
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 8px;
   margin-bottom: 16px;
 }
@@ -384,8 +385,7 @@ body { font-family: var(--font); background: var(--bg); color: var(--text1); -we
   padding: 12px 10px;
   border: 1px solid var(--border);
   transition: border-color 0.15s;
-  flex: 1 1 140px;
-  min-width: 80px;
+  min-width: 0;
   box-sizing: border-box;
 }
 
@@ -402,17 +402,10 @@ body { font-family: var(--font); background: var(--bg); color: var(--text1); -we
 
 @media (min-width: 1024px) {
   .dashboard-stat-grid {
-    display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 10px;
   }
 
-  .dashboard-stat-grid .dashboard-stat-card {
-    flex: unset;
-    min-width: 0;
-    width: 100%;
-  }
-
   .dashboard-summary-row {
     display: grid;
     grid-template-columns: 1fr 1fr;