From 1da0015c96e6187de6152bb141b945e8ae603884 Mon Sep 17 00:00:00 2001
From: hensm <m@matt.tf>
Date: Mon, 5 Sep 2022 16:02:44 +0100
Subject: [PATCH] Fix minor seek bar tooltip issues

---
 ext/src/ui/popup/ReceiverMedia.svelte | 1 +
 ext/src/ui/popup/styles/index.css     | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/ext/src/ui/popup/ReceiverMedia.svelte b/ext/src/ui/popup/ReceiverMedia.svelte
index 65bf118..8bb1a06 100644
--- a/ext/src/ui/popup/ReceiverMedia.svelte
+++ b/ext/src/ui/popup/ReceiverMedia.svelte
@@ -144,6 +144,7 @@
 
         return {
             destroy() {
+                seekHoverPosition = null;
                 node.removeEventListener("mousemove", onMouseMove);
                 node.removeEventListener("mouseleave", onMouseLeave);
             }
diff --git a/ext/src/ui/popup/styles/index.css b/ext/src/ui/popup/styles/index.css
index f48a54b..0a52c53 100755
--- a/ext/src/ui/popup/styles/index.css
+++ b/ext/src/ui/popup/styles/index.css
@@ -212,16 +212,16 @@ body {
     border-radius: 2px;
     display: flex;
     grid-area: seek-bar;
-    height: 20px;
     justify-self: start;
     left: var(--seek-hover-position);
-    padding: 0 5px;
+    padding: 2px 5px;
+    padding-bottom: 3px;
     pointer-events: none;
     position: relative;
     transform: translate(
         -50%,
         calc(
-            -60% - (var(--slider-track-height) / 2) - var(--tooltip-arrow-height)
+            -50% - 1px - (var(--slider-track-height) / 2) - var(--tooltip-arrow-height)
         )
     );
     user-select: none;
@@ -340,11 +340,13 @@ body {
 }
 
 .slider {
+    background: initial;
     appearance: none;
     border: initial;
     margin: initial;
     outline: none;
     padding: initial;
+    z-index: 1;
 }
 
 .slider:not(:focus-visible) {