From 8d2c9438ef96d08f3e77ad9e82c1d61d41c6887b Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Mon, 24 Nov 2025 00:44:43 +0100
Subject: [PATCH] fix image carousel location bar not visible

---
 src/app/website/features/ImageCarousel.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/website/features/ImageCarousel.svelte b/src/app/website/features/ImageCarousel.svelte
index 448538c..32cf14b 100644
--- a/src/app/website/features/ImageCarousel.svelte
+++ b/src/app/website/features/ImageCarousel.svelte
@@ -60,14 +60,15 @@
     {/each}
   </div>
   {#if currentImageIdx != null}
-    <div class="absolute bottom-6 w-full flex justify-center gap-2.5">
+    <div class="absolute bottom-6 w-full flex justify-center gap-1.5">
       {#each images as image, i (image.path)}
         <button
+          class="flex p-0.5 cursor-pointer z-20"
           aria-label={`scroll to image ${i}`}
-          class="w-2.5 h-2.5 bg-white opacity-50 rounded-full cursor-pointer"
-          class:opacity-100={currentImageIdx === i}
           onclick={() => scrollToIdx(i)}
-        ></button>
+          ><span class="block w-2.5 h-2.5 bg-white opacity-50 rounded-full" class:opacity-100={currentImageIdx === i}
+          ></span></button
+        >
       {/each}
     </div>
     <div class="absolute top-0 left-2 h-full flex items-center">