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%; }