From ca17548669d0b2944c348f6a475404303e52d716 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Sat, 23 May 2026 10:19:00 +0200
Subject: [PATCH] Slider: sauberes Grid-Alignment ohne Transform-Hacks

---
 styleguide.css | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/styleguide.css b/styleguide.css
index 4340904..613f3c5 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -1057,9 +1057,9 @@ section + section {
     }
 
     #component-slider .sg-slider-row .sg-slider-value {
-      min-width: calc(var(--interaction-height) * 1.25);
+      min-width: 0;
       grid-column: 3;
-      justify-self: end;
+      justify-self: start;
     }
 
     #component-slider .sg-activatable-row {
@@ -1096,19 +1096,18 @@ section + section {
 
     #component-slider .sg-activatable-row .sg-slider-row .sg-slider-value {
       grid-column: 4;
-      justify-self: end;
-      min-width: calc(var(--interaction-height) * 1.25);
+      justify-self: start;
+      min-width: 0;
     }
 
     #component-slider .sg-slider-row .sg-slider-value,
     #component-slider .sg-activatable-row .sg-slider-row .sg-slider-value {
       display: inline-flex;
       align-items: center;
-      justify-content: flex-end;
-      height: var(--interaction-height);
+      justify-content: flex-start;
       line-height: var(--line-height-base);
-      transform: translateY(2px);
       align-self: center;
+      transform: none;
     }
 
     .sg-pulldown-panel .sg-slider-row[data-activatable="true"] {
@@ -1187,7 +1186,7 @@ section + section {
       #component-slider .sg-activatable-row .sg-slider-row .sg-slider-value {
         grid-column: 2;
         grid-row: 1;
-        justify-self: end;
+        justify-self: start;
         align-self: center;
       }