From f5fe6f4aee1c41af90d73a6cc3b8ff0b4d02c3cc Mon Sep 17 00:00:00 2001 From: "russell@unturf.com" Date: Tue, 3 Mar 2026 16:42:08 -0500 Subject: [PATCH] fix checkbox layout: flex container, 18px checkbox, label inline with gap --- public/src/uncloseai-modal-builtin.css | 14 ++++++++++++-- public/src/uncloseai-modal-pico.css | 14 ++++++++++++-- 2 files changed, 24 insertions(+), 4 deletions(-) diff --git a/public/src/uncloseai-modal-builtin.css b/public/src/uncloseai-modal-builtin.css index 9c081e7..4c8b818 100644 --- a/public/src/uncloseai-modal-builtin.css +++ b/public/src/uncloseai-modal-builtin.css @@ -932,14 +932,24 @@ dialog#translate-modal button { /* API Configuration Styles */ .uncloseai-toggle-container { - display: block; + display: flex; + align-items: center; + gap: 8px; margin-bottom: 12px; } +.uncloseai-toggle-container input[type="checkbox"] { + width: 18px; + height: 18px; + flex-shrink: 0; + cursor: pointer; +} + .uncloseai-toggle-label { - font-size: 18px; + font-size: 14px; color: #495057; cursor: pointer; + user-select: none; } .uncloseai-input-container { diff --git a/public/src/uncloseai-modal-pico.css b/public/src/uncloseai-modal-pico.css index 403f234..159adfc 100644 --- a/public/src/uncloseai-modal-pico.css +++ b/public/src/uncloseai-modal-pico.css @@ -1002,14 +1002,24 @@ dialog#translate-modal button { /* API Configuration Styles */ .uncloseai-toggle-container { - display: block; + display: flex; + align-items: center; + gap: 8px; margin-bottom: 12px; } +.uncloseai-toggle-container input[type="checkbox"] { + width: 18px; + height: 18px; + flex-shrink: 0; + cursor: pointer; +} + .uncloseai-toggle-label { - font-size: 18px; + font-size: 14px; color: #495057; cursor: pointer; + user-select: none; } .uncloseai-input-container {