Align mobile pulldown layout

2026-06-10 13:13:23 +02:00
parent a4a5dd6fa1
commit e4fb7250ed
1 changed files with 11 additions and 3 deletions
@@ -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;