From 62c34c1e95ef22891fa0bd000df33afa7f903e1a Mon Sep 17 00:00:00 2001
From: Smittix <jamessmith1@outlook.com>
Date: Sun, 8 Feb 2026 22:25:58 +0000
Subject: [PATCH] Fix settings modal overflowing viewport on smaller screens

Constrain modal height to viewport and make tab content scrollable
so the modal no longer falls off the bottom of the screen.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 static/css/settings.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/static/css/settings.css b/static/css/settings.css
index 41c6618..d626954 100644
--- a/static/css/settings.css
+++ b/static/css/settings.css
@@ -26,6 +26,9 @@
     border-radius: 8px;
     max-width: 600px;
     width: 100%;
+    max-height: calc(100vh - 80px);
+    display: flex;
+    flex-direction: column;
     position: relative;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
 }
@@ -115,6 +118,9 @@
 
 .settings-section.active {
     display: block;
+    overflow-y: auto;
+    flex: 1;
+    min-height: 0;
 }
 
 .settings-group {