From 6c8a58df54a62db7c3dc98994558fe470e47efaf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Tue, 19 May 2026 15:54:52 +0200
Subject: [PATCH] Fix mobile multiselect pulldown slider line-break to match
 component

---
 styleguide.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/styleguide.css b/styleguide.css
index ff63e43..e7fa2f9 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -1647,6 +1647,28 @@ section + section {
     grid-column: 3;
     grid-row: 1;
   }
+
+  .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-label {
+    min-width: 100%;
+    flex: 0 0 100%;
+    grid-column: 1 / -1;
+    grid-row: 1;
+  }
+
+  .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-slider {
+    grid-column: 1;
+    grid-row: 2;
+  }
+
+  .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-slider-value {
+    grid-column: 2;
+    grid-row: 2;
+  }
+
+  .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-activatable-remove {
+    grid-column: 3;
+    grid-row: 2;
+  }
 }
 
 /* ========================================================= */