From 76a0515f59ef1a4b6e9800439131491fb7279c56 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 {