From 00685c91fe6aeb9b06bd0c63adbe1845785ea374 Mon Sep 17 00:00:00 2001
From: matteoscrugli <ma.scrugli@gmail.com>
Date: Tue, 23 Dec 2025 21:54:28 +0100
Subject: [PATCH] Fix extra scrollable space on mobile with 100dvh
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Use 100dvh (dynamic viewport height) instead of 100vh to fix
the extra scrollable space caused by mobile address bar height.
Keeps 100vh as fallback for unsupported browsers.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/src/styles/Layout.css      | 2 ++
 frontend/src/styles/theme/index.css | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/frontend/src/styles/Layout.css b/frontend/src/styles/Layout.css
index 4a1187d..21aee1c 100644
--- a/frontend/src/styles/Layout.css
+++ b/frontend/src/styles/Layout.css
@@ -9,6 +9,7 @@
 .app-layout {
   display: flex;
   min-height: 100vh;
+  min-height: 100dvh;
   background: var(--color-bg-main);
 }
 
@@ -17,6 +18,7 @@
   flex: 1;
   margin-left: var(--sidebar-width);
   min-height: 100vh;
+  min-height: 100dvh;
   display: flex;
   flex-direction: column;
   transition: margin-left 0.3s ease;
diff --git a/frontend/src/styles/theme/index.css b/frontend/src/styles/theme/index.css
index 52dfeb1..f541aa7 100644
--- a/frontend/src/styles/theme/index.css
+++ b/frontend/src/styles/theme/index.css
@@ -28,6 +28,7 @@ body {
   margin: 0;
   min-width: 320px;
   min-height: 100vh;
+  min-height: 100dvh;
   font-family: var(--font-sans);
   background: var(--color-bg-main);
   color: var(--color-text-primary);
@@ -56,6 +57,7 @@ body {
 
 #root {
   min-height: 100vh;
+  min-height: 100dvh;
   width: 100%;
   position: relative;
   isolation: isolate;