From 28ef37f354bc722c031392fc6f9d0043f5b7080d Mon Sep 17 00:00:00 2001
From: Yuri Karamian <yuri@arkhost.com>
Date: Wed, 15 Jul 2026 12:00:54 +0200
Subject: [PATCH] Fix mobile safe-area layout

---
 src/app.css                         | 4 ----
 src/lib/components/AppLayout.svelte | 8 +++++++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app.css b/src/app.css
index 9793a8c..fe05b8f 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1142,10 +1142,6 @@ body.resizing {
 /* ── Mobile (Android/iOS) ── */
 @media (max-width: 768px) {
   body {
-    padding-top: env(safe-area-inset-top);
-    padding-bottom: env(safe-area-inset-bottom);
-    padding-left: env(safe-area-inset-left);
-    padding-right: env(safe-area-inset-right);
     -webkit-tap-highlight-color: transparent;
     touch-action: manipulation;
   }
diff --git a/src/lib/components/AppLayout.svelte b/src/lib/components/AppLayout.svelte
index 11e3680..df1ffce 100644
--- a/src/lib/components/AppLayout.svelte
+++ b/src/lib/components/AppLayout.svelte
@@ -1157,7 +1157,13 @@
 	.mobile-shell {
 		display: flex;
 		flex-direction: column;
-		height: 100vh;
+		height: 100dvh;
+		box-sizing: border-box;
+		padding:
+			env(safe-area-inset-top, 0px)
+			env(safe-area-inset-right, 0px)
+			env(safe-area-inset-bottom, 0px)
+			env(safe-area-inset-left, 0px);
 		overflow: hidden;
 		background: var(--bg-primary);
 	}