diff --git a/containers/libreportal/frontend/css/apps.css b/containers/libreportal/frontend/css/apps.css index 6c94b50..8210032 100644 --- a/containers/libreportal/frontend/css/apps.css +++ b/containers/libreportal/frontend/css/apps.css @@ -3,7 +3,14 @@ /* App center cards, grid, tags, and detail view. Extracted from style.css. */ .apps-section { - --app-min: 300px; + /* Track min-width is the lever for "how many columns at this viewport". + auto-fill picks floor((content + gap) / (--app-min + gap)) tracks, so + bumping --app-min from 300 to 328 pushes typical 1280px-class laptops + from 3 cols → 2 cols where the third column would have been the + orphan that ran into a half-empty last row. Wider monitors still hit + 3+ cols (e.g. 1056px content fits 3 tracks of 328 with room to + spare), so density on bigger screens is unchanged. */ + --app-min: 328px; --app-gap: 20px; display: grid; /* Fixed-width tracks so cards stay exactly --app-min wide regardless