From 3628cf4909f2dd1997069948707412183b89fc14 Mon Sep 17 00:00:00 2001
From: Charlie Tonneslan <cst0520@gmail.com>
Date: Thu, 19 Mar 2026 19:56:43 -0400
Subject: [PATCH] fix(gui): account for iOS safe area inset on taskbar/dock
 (#2682)

The taskbar uses position:fixed with bottom:5px, which gets hidden
behind the iOS Safari bottom toolbar on devices with home indicators.

Use env(safe-area-inset-bottom) to push the dock above the safe area.
The viewport-fit=cover meta tag is already present in initgui.js.

Fixes #2517
---
 src/gui/src/css/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/gui/src/css/style.css b/src/gui/src/css/style.css
index 4089f473a..165dec1ae 100644
--- a/src/gui/src/css/style.css
+++ b/src/gui/src/css/style.css
@@ -2436,7 +2436,7 @@ label {
 
     height: 50px;
     border-radius: 10px;
-    bottom: 5px;
+    bottom: calc(5px + env(safe-area-inset-bottom, 0px));
     padding-left: 7px;
     padding-right: 7px;
     width: auto;