From c109694bd16c1ee9a035badd96d6433566cf7a56 Mon Sep 17 00:00:00 2001
From: r-zakarya <82443831+r-zakarya@users.noreply.github.com>
Date: Fri, 10 Jul 2026 05:18:02 +0100
Subject: [PATCH] style(settings): size panel to 800x600 (viewport-guarded)

---
 css/style.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index fe7c377..ce457f1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2074,7 +2074,7 @@ input[type="range"]::-webkit-slider-thumb {
 /* 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; }
+#settingsPanel { width: min(96vw, 800px); }
 /* 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. */
@@ -2119,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(90vh, 660px); }
+body[data-editor-position="center"] #settingsPanel { height: min(92vh, 600px); }
 body[data-editor-position="center"] #slideover.is-open,
 body[data-editor-position="center"] #settingsPanel.is-open {
     transform: translate(-50%, -50%) scale(1);