danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Video tools: fix Library Scan card layout — wrap the 3 controls

Browse source 
Adding the Movies/TV target gave the scan card three controls (target + mode +
button), one more than music's two, overflowing the shared no-wrap flex row and
clipping the Scan Library button past the card edge. Scoped CSS on the video Tools
page lets the row wrap: two selects share the top row, the button takes its own
full-width row. Music's .tool-card-controls is untouched.
This commit is contained in:
BoulderBadgeDad 2026-06-22 08:20:47 -07:00
parent 3937cb4cb8
commit 70ad5af378
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
webui/static/video/video-side.css
View file

@ -3748,3 +3748,20 @@ img.vdh-poster--none { font-size: 0; }
transition: all 0.15s ease; }
.vdh-more:hover { color: #fff; background: rgba(255, 255, 255, 0.1); }
@media (max-width: 620px) { .vdh-detail { grid-template-columns: 1fr; padding-left: 16px; } }
/* ── Video Tools scan cards ──────────────────────────────────────────────
The video scan cards carry THREE controls (target + mode + action button),
one more than music's two, so the shared no-wrap flex row overflowed and clipped
the button. Scoped to the video Tools page (music's .tool-card-controls is
untouched): let the row wrap, two selects share the top row, the button drops
to its own full-width row. */
.video-subpage[data-video-subpage="video-tools"] .tool-card-controls {
flex-wrap: wrap;
}
.video-subpage[data-video-subpage="video-tools"] .tool-card-controls select {
flex: 1 1 140px; /* two selects share the top row, each ≥140px */
min-width: 0;
}
.video-subpage[data-video-subpage="video-tools"] .tool-card-controls button {
flex: 1 1 100%; /* action button takes its own full-width row */
}