From 2de0fa2c9bf0c00d97e927d108e210a0fc16ef79 Mon Sep 17 00:00:00 2001
From: folx bot <bot@folx.tv>
Date: Mon, 24 Aug 2026 21:35:43 +0200
Subject: [PATCH] =?UTF-8?q?naslovnica:=20pike=20karusela=20so=20bile=208px?=
 =?UTF-8?q?=20in=20skoraj=20nevidne=20na=20temnem=20ozadju=20=E2=80=94=20v?=
 =?UTF-8?q?ecje,=20svetlejse,=20aktivna=20sirsa=20(velja=20tudi=20za=20mob?=
 =?UTF-8?q?ilni=20mozaik)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/home.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 2af15c9..782a2f4 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -277,7 +277,7 @@ function MobileMosaic({ latest, popular, focalPoints }: { latest: Article[]; pop
               <button
                 key={i}
                 onClick={() => setPage(i)}
-                className={`h-2 rounded-full transition-all duration-300 ${i === page ? "bg-primary w-5" : "bg-muted-foreground/30 w-2"}`}
+                className={`h-2.5 rounded-full transition-all duration-300 ${i === page ? "bg-primary w-8" : "bg-foreground/35 w-2.5"}`}
                 data-testid={`button-mosaic-dot-${i}`}
                 aria-label={`Seite ${i + 1}`}
               />
@@ -615,9 +615,15 @@ function FeaturedCarousel({ articles, popular, galleryImages, focalPoints }: { a
         </div>
       </div>
       {totalPages > 1 && (
-        <div className="flex justify-center gap-2 mt-3" data-testid="carousel-dots">
+        <div className="flex justify-center items-center gap-2.5 mt-4" data-testid="carousel-dots">
           {Array.from({ length: totalPages }).map((_, i) => (
-            <button key={i} onClick={() => setPage(i)} className={`w-2 h-2 rounded-full transition-all duration-300 ${i === page ? "bg-primary w-5" : "bg-muted-foreground/30 hover:bg-muted-foreground/50"}`} data-testid={`button-carousel-dot-${i}`} />
+            <button
+              key={i}
+              onClick={() => setPage(i)}
+              aria-label={`Seite ${i + 1}`}
+              className={`h-2.5 rounded-full transition-all duration-300 ${i === page ? "bg-primary w-8" : "bg-foreground/35 hover:bg-foreground/60 w-2.5"}`}
+              data-testid={`button-carousel-dot-${i}`}
+            />
           ))}
         </div>
       )}