From c277bb36e482de138035ba40f448373d8edbe411 Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Thu, 19 Mar 2026 23:32:52 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20VCR=20bar=20properly=20sized=20=E2=80=94?=
 =?UTF-8?q?=20bigger=20buttons,=20taller=20timeline=20(28px),=20comfortabl?=
 =?UTF-8?q?e=20padding?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/public/index.html b/public/index.html
index 4f313df0..f11678da 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=1773961950">
   <link rel="stylesheet" href="home.css">
-  <link rel="stylesheet" href="live.css?v=1773962812">
+  <link rel="stylesheet" href="live.css?v=1773963172">
   <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 1e00ef6b..ca6fe027 100644
--- a/public/live.css
+++ b/public/live.css
@@ -413,11 +413,11 @@
   background: color-mix(in srgb, var(--surface-1) 95%, transparent);
   backdrop-filter: blur(12px);
   border-top: 1px solid var(--border);
-  padding: 3px 8px;
+  padding: 8px 12px;
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: 6px;
+  gap: 10px;
 }
 .vcr-bar > .vcr-controls {
   display: flex; align-items: center; gap: 4px; flex-shrink: 0;
@@ -436,8 +436,8 @@
   border: 1px solid var(--border);
   color: var(--text);
   border-radius: 6px;
-  padding: 4px 10px;
-  font-size: 0.8rem;
+  padding: 6px 14px;
+  font-size: 0.9rem;
   cursor: pointer;
   transition: background 0.15s;
 }
@@ -538,9 +538,9 @@
   background: none;
   border: 1px solid var(--border);
   color: var(--text-muted);
-  font-size: 0.65rem;
-  padding: 2px 6px;
-  border-radius: 3px;
+  font-size: 0.75rem;
+  padding: 4px 10px;
+  border-radius: 4px;
   cursor: pointer;
   transition: all 0.15s;
 }
@@ -553,7 +553,7 @@
 .vcr-timeline-container {
   flex: 1;
   position: relative;
-  height: 12px;
+  height: 28px;
 }
 .vcr-timeline {
   width: 100%;
@@ -601,8 +601,8 @@
 .vcr-prompt-btn:hover { background: rgba(59,130,246,0.3); }
 
 /* Adjust feed position to not overlap VCR bar */
-.live-feed { bottom: 40px; }
-.feed-show-btn { bottom: 50px !important; }
+.live-feed { bottom: 58px; }
+.feed-show-btn { bottom: 68px !important; }
 
 /* Mobile VCR */
 @media (max-width: 600px) {