Adjust myapps grid to 4 columns

jelveh · jelveh · commit bb08d5b53ba2 · 2026-04-25T13:55:41.000-07:00
diff --git a/src/gui/src/css/dashboard.css b/src/gui/src/css/dashboard.css
@@ -2059,8 +2059,8 @@ body {
     }
 
     .myapps-grid {
-        grid-template-columns: repeat(5, 72px);
-        column-gap: max(0px, calc((100% - 5 * 72px) / 4));
+        grid-template-columns: repeat(4, 72px);
+        column-gap: max(0px, calc((100% - 4 * 72px) / 3));
         row-gap: 30px;
     }
 
@@ -2074,7 +2074,7 @@ body {
         border-radius: 12px;
     }
 
-    /* Too narrow for 5×72px in one row: wrap like before */
+    /* Too narrow for 4×72px in one row: wrap like before */
     @media (max-width: 400px) {
         .myapps-grid {
             grid-template-columns: repeat(auto-fill, 72px);

Original file line number	Diff line number	Diff line change
`@@ -2059,8 +2059,8 @@ body {`
`2059`	`2059`	`}`
`2060`	`2060`
`2061`	`2061`	`.myapps-grid {`
`2062`		`- grid-template-columns: repeat(5, 72px);`
`2063`		`- column-gap: max(0px, calc((100% - 5 * 72px) / 4));`
	`2062`	`+ grid-template-columns: repeat(4, 72px);`
	`2063`	`+ column-gap: max(0px, calc((100% - 4 * 72px) / 3));`
`2064`	`2064`	`row-gap: 30px;`
`2065`	`2065`	`}`
`2066`	`2066`
`@@ -2074,7 +2074,7 @@ body {`
`2074`	`2074`	`border-radius: 12px;`
`2075`	`2075`	`}`
`2076`	`2076`
`2077`		`- /* Too narrow for 5×72px in one row: wrap like before */`
	`2077`	`+ /* Too narrow for 4×72px in one row: wrap like before */`
`2078`	`2078`	`@media (max-width: 400px) {`
`2079`	`2079`	`.myapps-grid {`
`2080`	`2080`	`grid-template-columns: repeat(auto-fill, 72px);`