From be71425bb7ce0957575097d8acb5b1fc28c70069 Mon Sep 17 00:00:00 2001
From: jubnl <jgunther021@gmail.com>
Date: Wed, 15 Apr 2026 00:09:25 +0200
Subject: [PATCH] fix(pwa): account for safe-area-inset-top in OfflineBanner so
 it's visible on iOS PWA

---
 client/src/components/Layout/OfflineBanner.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Layout/OfflineBanner.tsx b/client/src/components/Layout/OfflineBanner.tsx
index cde8e610..04b58cf1 100644
--- a/client/src/components/Layout/OfflineBanner.tsx
+++ b/client/src/components/Layout/OfflineBanner.tsx
@@ -68,7 +68,10 @@ export default function OfflineBanner(): React.ReactElement | null {
         alignItems: 'center',
         justifyContent: 'center',
         gap: 8,
-        padding: '6px 16px',
+        paddingTop: 'calc(env(safe-area-inset-top, 0px) + 6px)',
+        paddingBottom: '6px',
+        paddingLeft: '16px',
+        paddingRight: '16px',
         fontSize: 13,
         fontWeight: 500,
       }}