diff --git a/public/index.html b/public/index.html
index d94f708..4f313df 100644
--- a/public/index.html
+++ b/public/index.html
@@ -22,7 +22,7 @@
-
+
diff --git a/public/live.css b/public/live.css
index 2eef9ab..1e00ef6 100644
--- a/public/live.css
+++ b/public/live.css
@@ -413,22 +413,15 @@
background: color-mix(in srgb, var(--surface-1) 95%, transparent);
backdrop-filter: blur(12px);
border-top: 1px solid var(--border);
- padding: 4px 10px;
+ padding: 3px 8px;
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
}
-.vcr-bar > .vcr-controls,
-.vcr-bar > .vcr-timeline-wrap {
- /* These stack vertically in a wrapper — but we need them side by side with LCD */
+.vcr-bar > .vcr-controls {
+ display: flex; align-items: center; gap: 4px; flex-shrink: 0;
}
-.vcr-left {
- display: flex;
- flex-direction: row;
- align-items: center;
- flex: 1;
- gap: 6px;
min-width: 0;
}
@@ -536,12 +529,6 @@
100% { transform: scale(1); }
}
-.vcr-timeline-wrap {
- display: flex;
- align-items: center;
- gap: 8px;
-}
-
.vcr-scope-btns {
display: flex;
gap: 2px;
@@ -566,7 +553,7 @@
.vcr-timeline-container {
flex: 1;
position: relative;
- height: 16px;
+ height: 12px;
}
.vcr-timeline {
width: 100%;
@@ -614,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: 72px; }
-.feed-show-btn { bottom: 82px !important; }
+.live-feed { bottom: 40px; }
+.feed-show-btn { bottom: 50px !important; }
/* Mobile VCR */
@media (max-width: 600px) {