From e4fb7250ed905c569940feec44abaf6283186d25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 10 Jun 2026 13:13:23 +0200
Subject: [PATCH] Align mobile pulldown layout

---
 styles/10-components-interactive-elements.css | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css
index 9e14c9f..2c0a203 100644
--- a/styles/10-components-interactive-elements.css
+++ b/styles/10-components-interactive-elements.css
@@ -520,11 +520,12 @@
       }
 
       #component-pulldown .sg-labeled-input-row {
-        flex-direction: column;
-        align-items: flex-start;
+        display: grid;
+        grid-template-columns: max-content minmax(0, 1fr);
+        align-items: center;
+        column-gap: var(--spacing-small);
         width: 100%;
         max-width: 100%;
-        gap: var(--spacing-small);
       }
 
       #component-pulldown .sg-labeled-input-row .sg-label {
@@ -535,6 +536,13 @@
         line-height: 1;
       }
 
+      #component-pulldown .sg-labeled-input-row .sg-pulldown-demo,
+      #component-pulldown .sg-labeled-input-row .sg-pulldown {
+        width: 100%;
+        min-width: 0;
+        max-width: 100%;
+      }
+
       #component-pulldown .sg-activatable-row {
         grid-template-columns: 1fr;
         align-items: start;