From f98d37fae47c3f7afb5f005ce6ddd3195b90d118 Mon Sep 17 00:00:00 2001
From: 6d486f49 <jonmcc.0723@gmail.com>
Date: Tue, 9 Jun 2026 13:23:54 -0400
Subject: [PATCH] ...

---
 Hybrid/Components/Layout/MainLayout.razor.css |  6 +++++
 Hybrid/Components/Layout/NavMenu.razor.css    |  1 +
 Hybrid/wwwroot/app.css                        | 24 ++++++-------------
 3 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/Hybrid/Components/Layout/MainLayout.razor.css b/Hybrid/Components/Layout/MainLayout.razor.css
index ecf25e5..f4a4cbc 100644
--- a/Hybrid/Components/Layout/MainLayout.razor.css
+++ b/Hybrid/Components/Layout/MainLayout.razor.css
@@ -6,6 +6,12 @@
 
 main {
     flex: 1;
+    padding-bottom: env(safe-area-inset-bottom, 0px);
+    padding-right: env(safe-area-inset-right, 0px);
+}
+
+.top-row {
+    padding-right: env(safe-area-inset-right, 0px);
 }
 
 .sidebar {
diff --git a/Hybrid/Components/Layout/NavMenu.razor.css b/Hybrid/Components/Layout/NavMenu.razor.css
index a2aeace..7da7589 100644
--- a/Hybrid/Components/Layout/NavMenu.razor.css
+++ b/Hybrid/Components/Layout/NavMenu.razor.css
@@ -22,6 +22,7 @@
 
 .navbar-brand {
     font-size: 1.1rem;
+    padding-left: env(safe-area-inset-left, 0px);
 }
 
 .bi {
diff --git a/Hybrid/wwwroot/app.css b/Hybrid/wwwroot/app.css
index 66f452d..dffb5d7 100644
--- a/Hybrid/wwwroot/app.css
+++ b/Hybrid/wwwroot/app.css
@@ -81,21 +81,11 @@ h1:focus {
 }
 
 .status-bar-safe-area {
-    display: none;
-}
-
-@supports (-webkit-touch-callout: none) {
-    .status-bar-safe-area {
-        display: flex;
-        position: sticky;
-        top: 0;
-        height: env(safe-area-inset-top);
-        background-color: #f7f7f7;
-        width: 100%;
-        z-index: 1;
-    }
-
-    .flex-column, .navbar-brand {
-        padding-left: env(safe-area-inset-left);
-    }
+    display: flex;
+    position: sticky;
+    top: 0;
+    height: env(safe-area-inset-top, 0px);
+    background-color: #f7f7f7;
+    width: 100%;
+    z-index: 1;
 }