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%"; }