fix: make config modal scrollable on small viewports

Cap modal height at 90vh and make the body scrollable so buttons
remain accessible on smaller screens.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: Eran

index.html

@@ -83,8 +83,8 @@ <h1 id="header-title" class="text-base font-bold text-gray-900">WhatsApp Manager
 
 <!-- Config Modal -->
 <div id="config-modal" class="fixed inset-0 z-[100] items-center justify-center bg-black/40 backdrop-blur-sm">
-  <div class="bg-white rounded-2xl shadow-2xl w-full max-w-md mx-4 overflow-hidden">
-    <div class="px-6 py-5 border-b border-gray-100 flex items-center justify-between">
+  <div class="bg-white rounded-2xl shadow-2xl w-full max-w-md mx-4 overflow-hidden flex flex-col max-h-[90vh]">
+    <div class="px-6 py-5 border-b border-gray-100 flex items-center justify-between shrink-0">
       <div>
         <h2 class="text-base font-bold text-gray-900">Connection Settings</h2>
         <p class="text-xs text-gray-500 mt-0.5">Saved locally in your browser</p>
@@ -93,7 +93,7 @@ <h2 class="text-base font-bold text-gray-900">Connection Settings</h2>
         <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
       </button>
     </div>
-    <div class="px-6 py-5 space-y-4">
+    <div class="px-6 py-5 space-y-4 overflow-y-auto flex-1">
       <div id="cfg-server-notice" class="hidden bg-blue-50 border border-blue-200 text-blue-700 text-xs rounded-lg px-3 py-2">
         ⚙ Server configuration loaded from <code>config.json</code> — those values take priority over local settings.
       </div>
@@ -155,7 +155,7 @@ <h2 class="text-base font-bold text-gray-900">Connection Settings</h2>
       </div>
       <div id="cfg-status" class="hidden text-xs rounded-lg px-3 py-2"></div>
     </div>
-    <div class="px-6 pb-5 flex gap-3">
+    <div class="px-6 pb-5 flex gap-3 shrink-0">
       <button onclick="saveConfig()" class="btn-send flex-1 text-white font-semibold py-2.5 rounded-lg text-sm flex items-center justify-center gap-2">
         <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
         Save & Apply