diff options
| author | Christophe Besson <cbesson@gmail.com> | 2026-08-30 16:09:13 +0200 |
|---|---|---|
| committer | Christophe Besson <cbesson@gmail.com> | 2026-08-30 16:09:13 +0200 |
| commit | e94260ca018f43260b1b587ea487045a553e6e0a (patch) | |
| tree | 45e7db8148b60ba48055a84a0740a5efb2957f5f | |
| parent | 117f3d2611780aacda60ca529992ca3111de6634 (diff) | |
| download | meshbay-e94260ca018f43260b1b587ea487045a553e6e0a.tar.gz | |
fix(hub): make "Re-match" and "Fix match" the same size in the detail modal
.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 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018BMLQjqFGCize2KtNBT79v
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/style.css | 6 |
1 files 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, |