From 67f33d9bb1cec2942913cc97fbaf3073886b529f Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Fri, 1 May 2026 18:26:21 +0200
Subject: [PATCH] ui(player): ensure skip segments appear above the progress
 bar

---
 templates/components/video_player.gohtml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/components/video_player.gohtml b/templates/components/video_player.gohtml
index bc23dc7..30abb15 100644
--- a/templates/components/video_player.gohtml
+++ b/templates/components/video_player.gohtml
@@ -88,8 +88,8 @@
             <span data-preview-time>0:00</span>
           </div>
           <div class="relative flex h-1.5 w-full items-center rounded-full bg-white/30 transition-all group-hover/progress:h-2">
-            <div data-segments class="absolute inset-0 z-10 pointer-events-none overflow-hidden rounded-full"></div>
-            <div data-progress class="bg-accent relative z-20 h-full rounded-full" style="width: 0%"></div>
+            <div data-progress class="bg-accent relative z-10 h-full rounded-full" style="width: 0%"></div>
+            <div data-segments class="absolute inset-0 z-20 pointer-events-none overflow-hidden rounded-full"></div>
           </div>
           <div data-scrubber class="bg-accent pointer-events-none absolute top-1/2 z-30 h-3.5 w-3.5 -translate-x-1/2 -translate-y-1/2 rounded-full opacity-0 shadow-sm transition-[opacity,transform] group-hover/progress:scale-110 group-hover/progress:opacity-100" style="left: 0%"></div>
         </div>