diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue index 065c576..09e8646 100644 --- a/frontend/src/views/HomeView.vue +++ b/frontend/src/views/HomeView.vue @@ -600,6 +600,11 @@ function clearDashboardResponse() { gap: 2rem; align-items: start; } +/* Prevent grid columns from overflowing their tracks */ +.col-tasks, +.col-notes { + min-width: 0; +} /* Column headers */ .col-header { @@ -641,10 +646,10 @@ function clearDashboardResponse() { gap: 0.2rem; } -/* Notes mini-grid: 2-per-row within the column */ +/* Notes mini-grid: fills 2 columns when space allows, wraps otherwise */ .notes-mini-grid { display: grid; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0.6rem; }