From 0905095bc8b8659f78ac998cedb4fbb2dba258f8 Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Sat, 25 Apr 2026 13:51:29 -0700
Subject: [PATCH] Enforce 5-column myapps grid with responsive wrap

---
 src/gui/src/css/dashboard.css | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/gui/src/css/dashboard.css b/src/gui/src/css/dashboard.css
index 887efa986..786eee865 100644
--- a/src/gui/src/css/dashboard.css
+++ b/src/gui/src/css/dashboard.css
@@ -2059,8 +2059,9 @@ body {
     }
 
     .myapps-grid {
-        grid-template-columns: repeat(auto-fill, 72px);
-        gap: 30px 30px;
+        grid-template-columns: repeat(5, 72px);
+        column-gap: max(0px, calc((100% - 5 * 72px) / 4));
+        row-gap: 30px;
     }
 
     .myapps-tile {
@@ -2072,6 +2073,15 @@ body {
         height: 52px;
         border-radius: 12px;
     }
+
+    /* Too narrow for 5×72px in one row: wrap like before */
+    @media (max-width: 400px) {
+        .myapps-grid {
+            grid-template-columns: repeat(auto-fill, 72px);
+            column-gap: 12px;
+            row-gap: 20px;
+        }
+    }
 }
 
 /* Desktop: Make metadata wrapper transparent */