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 */