From af84822641e01364ab190cef1886ea7f07d6da7d Mon Sep 17 00:00:00 2001
From: Henrik Jess Nielsen <lrihni@egmont.com>
Date: Sun, 24 May 2026 22:26:37 +0200
Subject: [PATCH] Fix unwanted page scroll on desktop and mobile

- Remove min-height:100vh + padding-bottom:22rem that caused overflow
- Replace with calc(100vh - 60px) to center form without scroll
- Add html,body height:100% and overflow-x:hidden
---
 templates/index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 77e0986..f4b24e4 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -20,7 +20,8 @@
     }
   </script>
   <style>
-    body { background: #fafaf9; color: #0c0a09; font-family: 'Space Grotesk', sans-serif; }
+    html, body { height: 100%; }
+    body { background: #fafaf9; color: #0c0a09; font-family: 'Space Grotesk', sans-serif; overflow-x: hidden; }
     .card-enter { animation: fadeUp .25s ease both; }
     @keyframes fadeUp { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
     .spinner { animation: spin .9s linear infinite; }
@@ -130,7 +131,7 @@
     </div>
   </div>
 
-  <main class="max-w-2xl mx-auto px-6" style="min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:2rem;padding-bottom:22rem">
+  <main class="max-w-2xl mx-auto px-6" style="display:flex;flex-direction:column;justify-content:center;padding-top:2rem;padding-bottom:4rem;min-height:calc(100vh - 60px)">
 
     <!-- ── FORM ── -->
     <section id="form-section" class="py-12 relative">