more styling for new portfolio member modal

This commit is contained in:
dandds
2019-03-25 06:53:48 -04:00
parent 0d3387b0fe
commit ec794abbf2
5 changed files with 96 additions and 21 deletions

View File

@@ -140,7 +140,36 @@ body {
}
}
.modal--form {
&.wide {
.modal__dialog {
max-width: 90rem;
}
.modal__body {
padding-left: 4rem;
padding-right: 4rem;
}
}
.modal__form {
.modal__form--header {
margin-bottom: 4rem;
h1 {
margin-bottom: 0;
}
.icon-link {
padding-top: 0.5rem;
padding-left: 0;
.icon {
margin-left: 0;
}
}
}
.progress-menu ul {
width: 40%;
margin-left: 30%;
@@ -157,5 +186,32 @@ body {
padding-top: 0.4rem;
}
}
.form-row {
margin-top: 0;
.form-col {
.usa-input {
margin-bottom: 1.5rem;
}
}
}
.icon-link--default {
font-size: 1.7rem;
}
.usa-button {
margin-left: 2rem;
}
.modal__form--padded {
padding-left: 5%;
padding-right: 5%;
.usa-input .usa-input__choices select {
max-width: 100%;
}
}
}
}