From 70ad5af378ce82ddee4b1c1dcb64126a6322cf99 Mon Sep 17 00:00:00 2001 From: BoulderBadgeDad Date: Mon, 22 Jun 2026 08:20:47 -0700 Subject: [PATCH] =?UTF-8?q?Video=20tools:=20fix=20Library=20Scan=20card=20?= =?UTF-8?q?layout=20=E2=80=94=20wrap=20the=203=20controls?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- webui/static/video/video-side.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/webui/static/video/video-side.css b/webui/static/video/video-side.css index 7f0866f5..7b86701d 100644 --- a/webui/static/video/video-side.css +++ b/webui/static/video/video-side.css @@ -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 */ +}