From e94260ca018f43260b1b587ea487045a553e6e0a Mon Sep 17 00:00:00 2001 From: Christophe Besson Date: Sun, 30 Aug 2026 16:09:13 +0200 Subject: fix(hub): make "Re-match" and "Fix match" the same size in the detail modal MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .video-fix-match carried `margin: 8px 0` from when it was a standalone button; now that it sits in the .video-admin-actions flex row next to the plain .admin-btn "Re-match", `align-items: stretch` (the flex default) made the margined button 16px shorter than its neighbour — "Re-match" looked twice as big. Drop the margin (the row already has its own), pin the font-size to .admin-btn's, and center the row. Co-Authored-By: Claude Sonnet 5 Claude-Session: https://claude.ai/code/session_018BMLQjqFGCize2KtNBT79v --- packages/meshbay-hub/src/meshbay_hub/static/style.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css index 739f9c6..297ef7f 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/style.css +++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css @@ -2989,7 +2989,7 @@ h2 .gn-owner, h3 .gn-owner { font-size: 0.55em; } } .video-card-unmatched { outline: 1px dashed var(--warn, #d98324); outline-offset: -1px; } .video-version-list { margin-top: 12px; display: flex; flex-direction: column; gap: 4px; } -.video-admin-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0; } +.video-admin-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 8px 0; } .video-card-flag { display: inline-block; margin-left: 4px; @@ -3112,7 +3112,9 @@ h2 .gn-owner, h3 .gn-owner { font-size: 0.55em; } .video-season-tab:hover { border-color: var(--accent); color: var(--text); } .video-season-tab.active { border-color: var(--accent); color: var(--accent); background: var(--bg-raised); } -.video-fix-match { margin: 8px 0; font-size: 0.85em; } +/* No own margin/size: it sits in .video-admin-actions next to the plain + .admin-btn "Re-match", and any extra here made the two different sizes. */ +.video-fix-match { font-size: 0.82em; } /* Operator search-and-correct overlay, layered on top of the detail modal. Must beat .video-overlay's own z-index: 200 — both are position: fixed, -- cgit v1.2.3