diff --git a/styles/components/_forms.scss b/styles/components/_forms.scss index 6bfd17d2..6abed16e 100644 --- a/styles/components/_forms.scss +++ b/styles/components/_forms.scss @@ -20,12 +20,36 @@ @include media($medium-screen) { @include grid-row; - align-items: flex-start; + align-items: flex-end; + justify-content: flex-start; .form-col { + &.form-col--half { + flex-basis: 50%; + } + + &.form-col--third { + flex-basis: 33.33%; + } + + &.form-col--two-thirds { + flex-basis: 66.66%; + } + .usa-input { margin-left: ($gap * 4); margin-right: ($gap * 4); + + label { + .icon-validation { + left: auto; + right: -$gap * 3; + } + } + + input { + max-width: none; + } } &:first-child {