Adjust the margin around usa-input elements globally, fix any styling side effects from the change
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
@@ -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,
|
||||
|
Reference in New Issue
Block a user