Enforce 5-column myapps grid with responsive wrap

2026-08-16 02:57:57 +00:00 · 2026-04-25 13:51:29 -07:00
parent 8188d2b58b
commit 0905095bc8
1 changed files with 12 additions and 2 deletions
@@ -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 */