diff --git a/styles/25-patterns-form-sections.css b/styles/25-patterns-form-sections.css index 0c34a59..af37df8 100644 --- a/styles/25-patterns-form-sections.css +++ b/styles/25-patterns-form-sections.css @@ -6,6 +6,13 @@ display: flex; flex-direction: column; width: 100%; + min-width: min( + 100%, + calc(var(--layout-input-label-width) + var(--spacing-small) + var(--layout-input-field-desktop-width)) + ); + max-width: calc( + var(--layout-input-label-width) + var(--spacing-small) + var(--layout-input-field-max-width) + ); } .sg-form-sections-card-wrapper { @@ -273,17 +280,12 @@ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-small); width: 100%; - max-width: calc( - var(--layout-input-label-width) + var(--spacing-small) + var(--layout-input-field-max-width) - ); margin-top: 0; } .sg-form-sections-card__action { min-width: 0; width: 100%; - max-width: 100%; - box-sizing: border-box; } .sg-navigation-card-layout {