From af64e191ec17c558e2f2222f8cc1358c894d53a4 Mon Sep 17 00:00:00 2001 From: Scarriffle Date: Mon, 6 Jul 2026 22:23:28 +0200 Subject: [PATCH] fix(web): reset checkbox size inside .form-group so the label isn't squeezed The global ".form-group input" rule (width:100% + padding + border) also hit the directory-hidden checkbox, blowing it up to a full-width field that pushed the label text into a narrow wrapping column. Reset the checkbox to a small native box (16px, no padding/border/background) so the label reads normally beside it. v78. Co-Authored-By: Claude Opus 4.8 --- frontend/css/app.css | 8 +++++++- frontend/js/version.js | 2 +- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/frontend/css/app.css b/frontend/css/app.css index a076b10..08b4e61 100644 --- a/frontend/css/app.css +++ b/frontend/css/app.css @@ -2024,7 +2024,13 @@ a { color: var(--primary); text-decoration: none; } cursor: pointer; text-transform: none; letter-spacing: normal; font-size: 14px; font-weight: 400; color: var(--text-1); } -.checkbox-row input[type=checkbox] { flex-shrink: 0; margin: 0; } +/* Undo the global ".form-group input { width:100%; padding; border }" so the + checkbox stays a small native box instead of a full-width field that shoves + the label text into a narrow, wrapping column. */ +.checkbox-row input[type=checkbox] { + flex: none; width: 16px; height: 16px; margin: 0; padding: 0; + border: 0; border-radius: 0; background: none; accent-color: var(--primary); +} /* .popup-creator styling moved into the .popup-row / #popup-creator rules above. */ /* ── Groups ─────────────────────────────────────────────────── */ diff --git a/frontend/js/version.js b/frontend/js/version.js index 6410feb..948453c 100644 --- a/frontend/js/version.js +++ b/frontend/js/version.js @@ -1,2 +1,2 @@ // Increment APP_VERSION with every code change -export const APP_VERSION = 'v77'; +export const APP_VERSION = 'v78';