From 3a3391cd6c6e214d66b836454a7a39cc4f721832 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:06:01 +0200
Subject: [PATCH] =?UTF-8?q?Slider=20im=20Interactive=20Elements=20auf=20vo?=
 =?UTF-8?q?lle=20verf=C3=BCgbare=20Breite=20ausrichten?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styleguide.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/styleguide.css b/styleguide.css
index 92ebb3a..6608ea3 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -1029,10 +1029,20 @@ section + section {
         minmax(0, 1fr)
         auto;
       align-items: center;
-      column-gap: var(--spacing-small);
+      column-gap: var(--spacing-large);
       width: 100%;
     }
 
+    #component-slider .sg-state-example {
+      grid-template-columns: calc(var(--interaction-height) * 6) minmax(0, 1fr);
+      width: 100%;
+    }
+
+    #component-slider .sg-state-example > :last-child {
+      width: 100%;
+      min-width: 0;
+    }
+
     #component-slider .sg-slider-row .sg-label {
       min-width: 0;
       flex: 0 0 auto;