From cae92c5dee073838b62968bb588c4b1d34d444f0 Mon Sep 17 00:00:00 2001
From: hensm <m@matt.tf>
Date: Thu, 8 Sep 2022 18:27:45 +0100
Subject: [PATCH] Fix live indicator styling for seekable live media

---
 ext/src/ui/popup/styles/index.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/ext/src/ui/popup/styles/index.css b/ext/src/ui/popup/styles/index.css
index 0a52c53..43f3879 100755
--- a/ext/src/ui/popup/styles/index.css
+++ b/ext/src/ui/popup/styles/index.css
@@ -194,12 +194,14 @@ body {
 .media__seek {
     align-items: center;
     display: grid;
-    gap: 10px;
-    grid-template-columns: auto 1fr auto;
-    grid-template-areas: "current-time seek-bar remaining-time";
+    grid-template-columns: min-content auto 1fr auto;
+    grid-template-areas: "live current-time seek-bar remaining-time";
     min-height: 24px;
     width: 100%;
 }
+.media__seek > :not(:last-child) {
+    margin-inline-end: 10px;
+}
 .media__seek-bar {
     flex: 1;
     grid-area: seek-bar;
@@ -255,6 +257,7 @@ body {
     color: var(--box-background);
     font-size: 0.85em;
     font-weight: bold;
+    grid-area: live;
     opacity: 0.75;
     padding: 2px 4px;
     text-transform: uppercase;