Adjust the margin around usa-input elements globally, fix any styling side effects from the change

This commit is contained in:
leigh-mil
2019-10-10 12:49:33 -04:00
parent a6e7995a85
commit 14ea3cd973
5 changed files with 16 additions and 27 deletions

View File

@@ -57,13 +57,9 @@
}
.usa-input {
margin: ($gap * 4) ($gap * 2) ($gap * 4) 0;
margin: ($gap * 2) 0;
max-width: 75rem;
@include media($medium-screen) {
margin: ($gap * 4) 0;
}
label {
padding: 0 0 ($gap / 2) 0;
margin: 0;
@@ -363,6 +359,8 @@ select {
margin-right: $gap * 4;
.usa-input {
margin: 0;
input,
label,
.usa-input__message {
@@ -379,6 +377,8 @@ select {
margin-left: $gap * 4;
.usa-input {
margin: 0;
input {
max-width: 12rem;
}

View File

@@ -18,7 +18,6 @@
}
.usa-input {
margin: 0 ($gap * 4) 0 0;
flex-grow: 2;
}
}
@@ -58,11 +57,8 @@
}
}
.form-row {
margin-top: 0;
.application-member__user-info {
.usa-input {
margin: 0;
width: 45rem;
input,