From 477308632bee6498ca163e0cc0eb7181ddc46d49 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Mon, 13 Oct 2025 09:23:17 +0200
Subject: [PATCH] fix: add safe area insets for symmetrical mobile button
 positioning

- Add safe-area-inset-top/bottom/left/right to all mobile floating buttons
- Ensures proper spacing on devices with notches and home indicators
- Makes relay status indicator perfectly aligned with bookmark/highlights buttons
---
 src/index.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/index.css b/src/index.css
index eae5d48c..64767f60 100644
--- a/src/index.css
+++ b/src/index.css
@@ -143,8 +143,8 @@ body.mobile-sidebar-open {
 .mobile-hamburger-btn {
   display: none;
   position: fixed;
-  top: 1rem;
-  left: 1rem;
+  top: calc(1rem + env(safe-area-inset-top));
+  left: calc(1rem + env(safe-area-inset-left));
   z-index: 900;
   background: #2a2a2a;
   border: 1px solid #444;
@@ -732,8 +732,8 @@ body.mobile-sidebar-open {
   .mobile-highlights-btn {
     display: none;
     position: fixed;
-    top: 1rem;
-    right: 1rem;
+    top: calc(1rem + env(safe-area-inset-top));
+    right: calc(1rem + env(safe-area-inset-right));
     z-index: 900;
     background: #2a2a2a;
     border: 1px solid #444;
@@ -3208,8 +3208,8 @@ body.mobile-sidebar-open {
     display: flex;
     align-items: center;
     justify-content: center;
-    bottom: 1rem;
-    left: 1rem;
+    bottom: calc(1rem + env(safe-area-inset-bottom));
+    left: calc(1rem + env(safe-area-inset-left));
     gap: 0;
   }