From ce590fdae479136342796c8fdde48c87a13e6493 Mon Sep 17 00:00:00 2001
From: Kiril Videlov <kiril@videlov.com>
Date: Wed, 5 Apr 2023 11:01:36 +0200
Subject: [PATCH] visual fixes in the player slider controls

---
 .../projects/[projectId]/player/[date]/[sessionId]/+page.svelte | 2 +-
 .../[projectId]/player/[date]/[sessionId]/Slider.svelte         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/projects/[projectId]/player/[date]/[sessionId]/+page.svelte b/src/routes/projects/[projectId]/player/[date]/[sessionId]/+page.svelte
index d5bb20195..5bb045d75 100644
--- a/src/routes/projects/[projectId]/player/[date]/[sessionId]/+page.svelte
+++ b/src/routes/projects/[projectId]/player/[date]/[sessionId]/+page.svelte
@@ -394,7 +394,7 @@
 
 		<div
 			id="controls"
-			class="absolute bottom-0 flex w-full flex-col gap-4 rounded-br rounded-bl border-t border-zinc-700 bg-[#2E2E32]/75 p-2 pt-4"
+			class="absolute bottom-0 flex w-full flex-col gap-4 overflow-hidden rounded-br rounded-bl border-t border-zinc-700 bg-[#2E2E32]/75 p-2 pt-4"
 			style="
                 border-width: 0.5px; 
                 -webkit-backdrop-filter: blur(5px) saturate(190%) contrast(70%) brightness(80%);
diff --git a/src/routes/projects/[projectId]/player/[date]/[sessionId]/Slider.svelte b/src/routes/projects/[projectId]/player/[date]/[sessionId]/Slider.svelte
index d2291c08f..cc8091b4e 100644
--- a/src/routes/projects/[projectId]/player/[date]/[sessionId]/Slider.svelte
+++ b/src/routes/projects/[projectId]/player/[date]/[sessionId]/Slider.svelte
@@ -39,7 +39,7 @@
 		bind:this={timeline}
 	>
 		{#each sliderValues as { from, to, width }, i}
-			{@const isCurrent = value >= from && value < to}
+			{@const isCurrent = value >= from && value <= to}
 			{@const filledPrecentage = Math.max(0, Math.min(100, ((value - from) / (to - from)) * 100))}
 			<li class="relative flex cursor-pointer items-center" style:width="{width}%">
 				<div