From b4a365a2186a2b99d73d43a0033e7dd48e5338a0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Fri, 29 May 2026 14:21:45 +0200 Subject: [PATCH] Adjust input labels to content width with larger right spacing --- styles/10-components-interactive-elements.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css index 53fdaa6..519fd95 100644 --- a/styles/10-components-interactive-elements.css +++ b/styles/10-components-interactive-elements.css @@ -303,14 +303,15 @@ .sg-labeled-input-row { display: flex; align-items: center; - gap: var(--spacing-small); + gap: 0; width: auto; max-width: none; } .sg-labeled-input-row .sg-label { - min-width: var(--layout-input-label-width); - flex: 0 0 var(--layout-input-label-width); + min-width: 0; + flex: 0 0 auto; + margin-right: var(--spacing-large); } .sg-labeled-input-row .sg-input-single-line, @@ -386,9 +387,9 @@ #component-pulldown .sg-activatable-row { display: grid; - grid-template-columns: var(--layout-input-label-width) minmax(0, 1fr); + grid-template-columns: max-content minmax(0, 1fr); align-items: center; - column-gap: var(--spacing-small); + column-gap: var(--spacing-large); width: 100%; }