fix(ui): ensure 5-row tracklist scroll and footer alignment

cx
This commit is contained in:
vicrodh committed 2026-01-26 17:34:52 -06:00
1 parent 6b107a8c57
commit 138f4388b7
1 file changed
+6 -6
@@ -379,8 +379,7 @@
}
.track-table {
--track-row-height: 24px;
--track-row-pad-y: 6px;
--track-row-height: 44px;
border: 1px solid var(--bg-tertiary);
border-radius: 10px;
overflow: hidden;
@@ -393,7 +392,7 @@
display: grid;
grid-template-columns: 90px 1fr 180px;
align-items: stretch;
min-height: calc(var(--track-row-height) + var(--track-row-pad-y) * 2);
min-height: var(--track-row-height);
}
.track-head {
@@ -408,12 +407,12 @@
}
.track-body {
max-height: calc((var(--track-row-height) + var(--track-row-pad-y) * 2) * 5);
max-height: calc(var(--track-row-height) * 5);
overflow-y: auto;
scroll-snap-type: y mandatory;
scrollbar-gutter: stable;
overscroll-behavior: contain;
padding: 0;
padding: 0 0 2px 0;
}
.track-body .track-row {
@@ -427,7 +426,7 @@
.cell {
border-right: 1px solid var(--bg-tertiary);
padding: var(--track-row-pad-y) 10px;
padding: 10px;
display: flex;
align-items: center;
}
@@ -517,6 +516,7 @@ input[type="number"] {
display: flex;
align-items: center;
gap: 10px;
margin-left: auto;
}
.select-inline {