From ceab155a6cff6267b277a5850b1c6111d44a7ab7 Mon Sep 17 00:00:00 2001 From: Administrator Date: Sat, 23 May 2026 15:33:31 +0200 Subject: [PATCH] fix(css): render per-hoster logToFile checkbox as a checkbox, not a stretched box MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The new "Links in Log schreiben" control reuses class .hs-input for the autosave bind to pick it up — but .hs-input also carries the text-input styling (flex:1, padding, background, border, max-width: 300px). Applied to a checkbox that produced a stretched, padded, filled box instead of a normal tick box. Add an .hs-input[type="checkbox"] override that resets flex/size/ padding/background/border so it renders as a plain 16×16 checkbox beside its label, consistent with the other settings checkboxes. Caught during the post-feature side-effect sweep (advisor flagged the grid layout as the one thing self-checks couldn't cover). 147/147 tests still green. --- renderer/styles.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/renderer/styles.css b/renderer/styles.css index 503ba5b..af70ea5 100644 --- a/renderer/styles.css +++ b/renderer/styles.css @@ -713,6 +713,18 @@ body.col-resizing, body.col-resizing * { cursor: col-resize !important; user-sel font-size: 12px; max-width: 300px; } +/* Checkbox-type .hs-input (e.g. per-hoster "Links in Log schreiben") must + not inherit the stretched text-input box styling above — render it as a + normal small checkbox sitting next to its label. */ +.hs-input[type="checkbox"] { + flex: none; + width: 16px; + height: 16px; + max-width: none; + padding: 0; + background: none; + border: none; +} .key-input:focus, .hs-input:focus { border-color: var(--accent); outline: none; } .hs-input { max-width: 100px; } .hint { font-size: 10px; color: var(--text-dim); }