From 47028798b18b6b509468faeaa0853bb800d0880e Mon Sep 17 00:00:00 2001
From: Maurice <mauriceboe@icloud.com>
Date: Sat, 21 Mar 2026 23:07:10 +0100
Subject: [PATCH] Fix bottom bar: use transform trick to paint safe area

---
 client/src/index.css | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/client/src/index.css b/client/src/index.css
index 29f3f5b..330c7a1 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -3,13 +3,22 @@
 @tailwind utilities;
 
 html { height: 100%; overflow: hidden; background-color: var(--bg-primary); }
-body {
-  position: fixed;
-  inset: 0;
-  margin: 0;
-  overflow: auto;
-  overscroll-behavior: none;
-  -webkit-overflow-scrolling: touch;
+body { height: 100%; overflow: auto; overscroll-behavior: none; -webkit-overflow-scrolling: touch; }
+
+/* iOS PWA: fill the home indicator safe area with app background */
+@supports (padding-bottom: env(safe-area-inset-bottom)) {
+  html::after {
+    content: '';
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: env(safe-area-inset-bottom, 0px);
+    background: var(--bg-primary);
+    transform: translateY(100%);
+    pointer-events: none;
+    z-index: 99999;
+  }
 }
 
 .atlas-tooltip {