From 371b3be5fd5d57ae27e28e85ba929ca95dce2e9f Mon Sep 17 00:00:00 2001
From: Sebastiaan de Schaetzen <sebastiaan.de.schaetzen@gmail.com>
Date: Tue, 17 Jun 2025 18:15:50 +0200
Subject: [PATCH] Adjust thumbnail positioning offsets for improved visual
 alignment

---
 static/index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/static/index.html b/static/index.html
index a85a760..c40c1fe 100644
--- a/static/index.html
+++ b/static/index.html
@@ -348,15 +348,16 @@
 			}
 			selectedThumbnailIndex = index;
 			videoInfo[selectedThumbnailIndex].thumbnail.classList.add("focussed");
+            const offset = 12;
             for (let i = 0; i < videoInfo.length; i++) {
 				if (i < selectedThumbnailIndex - 1) {
 					videoInfo[i].thumbnail.style.left = "-20%";
 				} else if (i === selectedThumbnailIndex - 1) {
-                    videoInfo[i].thumbnail.style.left = "15%";
+                    videoInfo[i].thumbnail.style.left = offset + "%";
 				} else if (i === selectedThumbnailIndex) {
 					videoInfo[i].thumbnail.style.left = "50%";
 				} else if (i === selectedThumbnailIndex + 1) {
-					videoInfo[i].thumbnail.style.left = "85%";
+					videoInfo[i].thumbnail.style.left = (100 - offset) + "%";
 				} else {
 					videoInfo[i].thumbnail.style.left = "120%";
 				}