From 4e1616fb6150751f56311662a23da2ee2a8476bc Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Fri, 20 Mar 2026 00:33:24 +0000
Subject: [PATCH] fix: bump feed/legend safe-area offsets to account for
 two-row VCR on mobile

---
 public/index.html | 2 +-
 public/live.css   | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/index.html b/public/index.html
index 986789be..91198bc1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -22,7 +22,7 @@
   <meta name="twitter:image" content="https://raw.githubusercontent.com/Kpa-clawbot/meshcore-analyzer/master/public/og-image.png">
   <link rel="stylesheet" href="style.css?v=1773963867">
   <link rel="stylesheet" href="home.css">
-  <link rel="stylesheet" href="live.css?v=1773966777">
+  <link rel="stylesheet" href="live.css?v=1773966804">
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
     integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
     crossorigin="anonymous">
diff --git a/public/live.css b/public/live.css
index dc9c169d..e0d04b3d 100644
--- a/public/live.css
+++ b/public/live.css
@@ -438,9 +438,9 @@
 
 @supports (padding-bottom: env(safe-area-inset-bottom)) {
   .vcr-bar { padding-bottom: calc(8px + env(safe-area-inset-bottom, 34px)); }
-  .live-feed { bottom: calc(58px + env(safe-area-inset-bottom, 34px)); }
-  .feed-show-btn { bottom: calc(68px + env(safe-area-inset-bottom, 34px)) !important; }
-  .live-legend { bottom: calc(58px + env(safe-area-inset-bottom, 34px)); }
+  .live-feed { bottom: calc(78px + env(safe-area-inset-bottom, 34px)); }
+  .feed-show-btn { bottom: calc(88px + env(safe-area-inset-bottom, 34px)) !important; }
+  .live-legend { bottom: calc(78px + env(safe-area-inset-bottom, 34px)); }
 }
 .vcr-bar > .vcr-controls {
   display: flex; align-items: center; gap: 4px; flex-shrink: 0;