diff --git a/styles/elements/_action_group.scss b/styles/elements/_action_group.scss index fc38eb04..2e1fb191 100644 --- a/styles/elements/_action_group.scss +++ b/styles/elements/_action_group.scss @@ -5,6 +5,10 @@ margin-top: $gap * 4; margin-bottom: $gap * 4; + &--tight { + margin-top: $gap * 2; + } + .usa-button, a { margin: 0 0 0 ($gap * 2); diff --git a/styles/elements/_inputs.scss b/styles/elements/_inputs.scss index 84167345..babd6ce5 100644 --- a/styles/elements/_inputs.scss +++ b/styles/elements/_inputs.scss @@ -246,6 +246,19 @@ } } + &.no-max-width { + padding-right: $gap * 3; + + input, textarea, select, label { + max-width: none; + } + + .icon-validation { + left: auto; + right: - $gap * 4; + } + } + &.usa-input--error { @include input-state('error'); } diff --git a/styles/elements/_labels.scss b/styles/elements/_labels.scss index 104894e4..1e994013 100644 --- a/styles/elements/_labels.scss +++ b/styles/elements/_labels.scss @@ -15,6 +15,7 @@ margin: 0 $gap; padding: 0 $gap; border-radius: $gap / 2; + white-space: nowrap; &.label--info { background-color: $color-primary; diff --git a/styles/elements/_panels.scss b/styles/elements/_panels.scss index fd10671d..7d1b31d4 100644 --- a/styles/elements/_panels.scss +++ b/styles/elements/_panels.scss @@ -63,6 +63,7 @@ .panel__heading { padding: $gap * 2; + @include media($medium-screen) { padding: $gap * 4; } @@ -71,6 +72,10 @@ padding: $gap*2; } + &--divider { + border-bottom: 1px solid $color-gray-light; + } + h1, h2, h3, h4, h5, h6 { margin: 0; display: inline-block; @@ -90,15 +95,16 @@ justify-content: space-between; } } + + hr { + border: 0; + border-bottom: 1px dashed $color-gray-light; + margin: ($gap * 4) ($site-margins*-4); + } } .panel__actions { @include panel-actions; } -hr { - border: 0; - border-bottom: 1px dashed $color-gray-light; - margin: 0px $site-margins*-4; -}