From a0a6fa883495e7a96e611511e830b82e36fa162c Mon Sep 17 00:00:00 2001
From: r-zakarya <82443831+r-zakarya@users.noreply.github.com>
Date: Fri, 10 Jul 2026 05:14:49 +0100
Subject: [PATCH] fix(settings): widen the settings panel for the left tab
 column
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Side-mode settings panel (420px) clipped its content (Clear cache button) now
that the vertical tab column eats ~100px. Bumped #settingsPanel to 520px (id
beats .slideover's 420; entry #slideover unchanged). Nudged centered height
620→660.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 css/style.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index aeb16b9..fe7c377 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2071,6 +2071,10 @@ input[type="range"]::-webkit-slider-thumb {
     z-index: 50;
 }
 .slideover.is-open { transform: translateX(0); }
+/* Settings needs more width than the entry editor — the left tab column eats
+   ~100px. Only #settingsPanel; #slideover stays 420. (Center mode already
+   sets its own 520.) */
+#settingsPanel { width: 520px; }
 /* Suppress the slide animation when the panel is closed — otherwise
    changing editor-position animates the off-screen position from right
    to left and the panel briefly crosses the viewport. */
@@ -2115,7 +2119,7 @@ body[data-editor-position="center"] #settingsPanel {
 /* Settings gets a FIXED height in centered mode so switching tabs (short vs
    long) doesn't resize + re-center the modal. Entry #slideover stays
    content-sized (grows with the form). */
-body[data-editor-position="center"] #settingsPanel { height: min(88vh, 620px); }
+body[data-editor-position="center"] #settingsPanel { height: min(90vh, 660px); }
 body[data-editor-position="center"] #slideover.is-open,
 body[data-editor-position="center"] #settingsPanel.is-open {
     transform: translate(-50%, -50%) scale(1);