Keep the dashboard's vertical rhythm under the grid

Grid items never collapse margins, so the row-filter input and the rating
form pushed the next child down by their bottom margins.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
thalladaandClaude Fable 5.1 committed 2026-09-20 21:43:42 +00:00
1 parent dd91b83c27
commit 3c4f8de3a4
2 files changed
+4 -2

No files matched your search

+3 -1
View File
@@ -231,7 +231,9 @@
[full-end];
}
@media (width >= 40rem) { .dashboard { --gutter:1.5rem; } }
.dashboard > * { grid-column:content; min-width:0; }
/* Grid items never collapse margins, so a child's bottom margin (`.table-filter`, `.rating`) would add to
the next child's `mt-4`; the rhythm comes from top margins only. `!important` beats those utilities. */
.dashboard > * { grid-column:content; min-width:0; margin-bottom:0 !important; }
.dashboard > .scroll-x { grid-column:wide; }
.dashboard > .scroll-x > table {
width:auto;