From a916010fc460ff1d385490eb503f545cc1a2bdb9 Mon Sep 17 00:00:00 2001
From: Brummel <mould@mycelium.de>
Date: Thu, 21 May 2026 11:21:18 +0200
Subject: [PATCH] fix(css): keep hero carousel indicators visually symmetric

Bootstrap-3's default makes the active indicator 12x12 with margin 0
while inactive is 10x10 with margin 1px. With two slides the size and
margin swap shifts dot positions on every slide change, which reads as
the gap between dots changing. Force all dots to the inactive geometry
so only the fill toggles.
---
 static/css/praxis.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/static/css/praxis.css b/static/css/praxis.css
index a791326..8c6e6d7 100644
--- a/static/css/praxis.css
+++ b/static/css/praxis.css
@@ -1926,3 +1926,17 @@ ul {
     }
 
 
+
+/* ---------------------------------------------------------------
+   Stage tweak: keep hero carousel indicator dots symmetric.
+   Bootstrap-3's default `.carousel-indicators .active { width:12px;
+   height:12px; margin:0 }` makes the active dot bigger and zero-margin
+   while inactive stays at 10px with 1px margin. With only two slides
+   the size + margin swap shifts the dots visibly on each slide change.
+   Lock all dots to the inactive geometry so only the fill toggles.
+   --------------------------------------------------------------- */
+.hero-slide .carousel-indicators .active {
+    width  : 10px;
+    height : 10px;
+    margin : 1px;
+}