From 2dd6de9073b0a7fcdd0d4e2e8b78597804768264 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Tue, 19 May 2026 10:43:53 +0200
Subject: [PATCH] Adjust slider width behavior to match input field constraints

---
 styleguide.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/styleguide.css b/styleguide.css
index ad09ae6..e3d495a 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -842,9 +842,11 @@ section + section {
     }
 
     .sg-slider-row {
-      display: inline-flex;
+      display: flex;
       align-items: center;
       gap: var(--spacing-small);
+      width: 100%;
+      max-width: none;
     }
 
     .sg-slider-row .sg-label {
@@ -854,9 +856,9 @@ section + section {
     }
 
     .sg-slider {
-      width: var(--layout-input-field-desktop-width);
-      min-width: var(--layout-input-field-desktop-width);
-      max-width: var(--layout-input-field-desktop-width);
+      width: 100%;
+      min-width: 0;
+      max-width: var(--layout-input-field-max-width);
       height: var(--interaction-height);
       margin: 0;
       padding: 0;