+
+
+
+
Do you want to save this draft?
-
diff --git a/styles/components/_error_page.scss b/styles/components/_error_page.scss
index 4f29fa37..19ae7531 100644
--- a/styles/components/_error_page.scss
+++ b/styles/components/_error_page.scss
@@ -8,7 +8,6 @@
padding: $gap 0;
hr {
- width: 100%;
border: 1px solid $color-red;
}
@@ -20,16 +19,16 @@
&__body {
padding: $gap * 2;
margin: 0;
+
+ hr {
+ width: 80%;
+ margin: auto;
+ margin-bottom: $gap * 3;
+ }
}
}
.icon {
@include icon-size(60);
}
-
- hr {
- margin-bottom: $gap * 4;
- width: 80%;
- border: 0.5px solid $color-gray-light;
- }
}
diff --git a/styles/components/_forms.scss b/styles/components/_forms.scss
index 7fce137a..19ca2fb5 100644
--- a/styles/components/_forms.scss
+++ b/styles/components/_forms.scss
@@ -197,6 +197,5 @@
& > fieldset.usa-input__choices label {
display: inline;
- font-weight: $font-normal;
}
}
diff --git a/styles/components/_modal.scss b/styles/components/_modal.scss
index 561c5c33..f73a4260 100644
--- a/styles/components/_modal.scss
+++ b/styles/components/_modal.scss
@@ -50,9 +50,8 @@ body {
&__body {
background-color: $color-white;
- padding: $gap * 2;
+ padding: $gap * 1.5;
width: 100%;
- border-radius: 5px;
overflow-y: auto;
-ms-overflow-style: scrollbar;
@@ -60,10 +59,6 @@ body {
max-height: calc(100vh - #{$gap * 8});
}
- @include media($medium-screen) {
- padding: $gap * 2.5 $gap * 5;
- }
-
h1,
h2 {
@include h3;
@@ -121,13 +116,22 @@ body {
}
}
}
+
+ .action-group {
+ background-color: $color-gray-lightest;
+ padding: $gap * 2;
+ margin: ($gap * 5) (-$gap * 1.5) (-$gap * 1.5);
+ }
+
+ .form-row {
+ margin: 0;
+ }
}
&__dismiss {
position: absolute;
top: $gap;
right: $gap;
- width: 8rem;
@include media($medium-screen) {
top: $gap * 2;
@@ -140,99 +144,14 @@ body {
}
}
- &--dissmissable {
- .modal__body {
- > :first-child {
- margin-right: 8rem;
- }
- }
- }
-
- &__form {
- &--header {
- margin-bottom: 4rem;
- text-align: left;
-
- h1 {
- margin-bottom: 0;
- }
-
- .icon-link {
- padding-top: 0.5rem;
- padding-left: 0;
- margin-left: 0;
- }
- }
-
- &--padded {
- padding-left: 5%;
- padding-right: 5%;
-
- .usa-input .usa-input__choices select {
- max-width: 100%;
- }
- }
-
- .progress-menu ul {
- width: 40%;
- margin-left: 30%;
- font-size: 2rem;
-
- &__item::before {
- width: 2.8rem;
- height: 2.8rem;
- margin-left: -1.25rem;
- }
-
- &__item--complete::before {
- content: url("#{$asset-path}/icons/checkmark-alt.svg");
- padding-top: 0.4rem;
- }
- }
-
- .form-row {
- margin-top: 0;
- margin-bottom: 0;
-
- .form-col {
- .usa-input {
- margin-bottom: 1.5rem;
- }
- }
- }
-
- .icon-link--default {
- font-size: 1.7rem;
- }
-
- .usa-button {
- margin-left: 2rem;
-
- &[type="button"]:disabled {
- background-color: $color-gray-lighter;
- opacity: inherit;
- }
- }
- }
-
- &.wide {
- .modal__dialog {
- max-width: 90rem;
- width: 100%;
- }
-
- .modal__body {
- padding-left: 4rem;
- padding-right: 4rem;
- }
- }
-
.usa-button {
min-width: 17rem;
}
- .usa-input .checkbox {
- margin-left: 3rem;
+ .usa-input {
+ .checkbox {
+ margin-left: 3rem;
+ }
}
input[type="checkbox"] {
@@ -241,3 +160,9 @@ body {
}
}
}
+
+.modal--dismissable {
+ .modal__body {
+ padding-top: $gap * 3.5;
+ }
+}
diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index 9d4f131d..c1af4db4 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -157,7 +157,6 @@
}
input.usa-button.usa-button-primary {
- margin: 0;
width: 9rem;
height: 4rem;
}
@@ -590,3 +589,13 @@
}
}
}
+
+#modal--add-port-mem {
+ .modal__body {
+ width: 55rem;
+ }
+
+ .form-col:last-child {
+ margin-right: $gap * 3;
+ }
+}
diff --git a/styles/components/_progress_menu.scss b/styles/components/_progress_menu.scss
index 3cb2808f..90780705 100644
--- a/styles/components/_progress_menu.scss
+++ b/styles/components/_progress_menu.scss
@@ -3,8 +3,10 @@
ul {
list-style: none;
- margin: 0;
+ margin: auto;
+ width: 50%;
padding: 0;
+ padding-top: $gap;
}
&--two {
@@ -40,7 +42,7 @@
a {
display: block;
position: relative;
- padding: ($gap * 4) ($gap * 2);
+ padding: ($gap * 4) ($gap * 2) 0;
margin: 0 ($gap * 2);
text-decoration: none;
text-align: center;
diff --git a/styles/core/_util.scss b/styles/core/_util.scss
index 6237bc56..b719d855 100644
--- a/styles/core/_util.scss
+++ b/styles/core/_util.scss
@@ -80,3 +80,9 @@
p {
max-width: 80ch;
}
+
+hr {
+ border: 0;
+ border-bottom: 1px solid $color-gray-light;
+ margin: ($gap * 3) ($site-margins * -4);
+}
diff --git a/styles/elements/_inputs.scss b/styles/elements/_inputs.scss
index c56c57cf..eeef4cc8 100644
--- a/styles/elements/_inputs.scss
+++ b/styles/elements/_inputs.scss
@@ -88,6 +88,7 @@
&__title {
align-items: center;
+ font-weight: $font-normal;
&-inline {
display: inline-block;
diff --git a/styles/elements/_panels.scss b/styles/elements/_panels.scss
index 97353795..46b8917b 100644
--- a/styles/elements/_panels.scss
+++ b/styles/elements/_panels.scss
@@ -119,11 +119,4 @@
&__actions {
@include panel-actions;
}
-
- hr,
- &__break {
- border: 0;
- border-bottom: 1px solid $color-gray-light;
- margin: ($gap * 4) ($site-margins * -4);
- }
}
diff --git a/styles/sections/_application_edit.scss b/styles/sections/_application_edit.scss
index 894f80c0..1d6de7fd 100644
--- a/styles/sections/_application_edit.scss
+++ b/styles/sections/_application_edit.scss
@@ -34,6 +34,10 @@
.input__inline-fields {
text-align: left;
+
+ .usa-input__choices label {
+ font-weight: $font-bold;
+ }
}
.input__inline-fields {
@@ -77,11 +81,6 @@
}
}
}
-
- hr {
- border: none;
- border-bottom: 1px solid $color-gray-lighter;
- }
}
.environment-roles {
@@ -110,7 +109,7 @@
}
hr {
- margin: 0.5em;
+ margin: 0.5em 0;
}
}
diff --git a/styles/sections/_home.scss b/styles/sections/_home.scss
index b93d311c..1ca33efc 100644
--- a/styles/sections/_home.scss
+++ b/styles/sections/_home.scss
@@ -18,13 +18,6 @@
margin-top: 0;
}
- hr {
- border: 0;
- border-bottom: 1px solid $color-gray-light;
- margin-top: $gap * 4;
- margin-bottom: $gap * 4;
- }
-
.links {
justify-content: flex-start;
diff --git a/styles/sections/_reports.scss b/styles/sections/_reports.scss
index b34561e5..27a1564e 100644
--- a/styles/sections/_reports.scss
+++ b/styles/sections/_reports.scss
@@ -8,7 +8,6 @@
&__col {
hr {
margin: (2 * $gap) 0;
- border-bottom: 1px solid $color-gray-lightest;
}
@include media($medium-screen) {
diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index 9e0f26a8..26bb4c79 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -29,10 +29,8 @@
}
hr {
- border: 0;
- margin-top: $gap * 4;
- margin-bottom: $gap * 4;
- border-bottom: 1px solid $color-gray-lighter;
+ margin-left: auto;
+ margin-right: auto;
}
table {
@@ -139,77 +137,6 @@
}
}
- .usa-input__title,
- .usa-input__title-inline {
- font-weight: $font-normal;
- }
-
- &.task_order__form {
- hr {
- margin-top: 1.5rem;
- }
-
- .totals-box {
- margin-top: 0;
- }
-
- .icon {
- left: 100%;
- &.icon--question {
- @include icon-color($color-blue);
- }
- }
-
- input {
- max-width: unset;
- }
-
- .date-picker {
- .usa-input__title {
- font-weight: $font-bold;
- margin-bottom: $gap;
- }
- }
-
- .usa-form-group-year {
- margin-right: 0.4rem;
- }
-
- .usa-alert {
- margin: 1.5em 0;
- }
-
- .usa-input {
- margin-top: $gap;
- margin-bottom: $gap;
- }
-
- .form-row {
- margin-bottom: 0;
-
- .usa-input {
- margin-left: $gap;
- margin-right: $gap;
- }
-
- .form-col:first-child {
- .usa-input {
- margin-left: 0;
- }
- }
-
- .form-col:last-child {
- .usa-input {
- margin-right: 0;
- }
- }
- }
-
- .task-order__pdf-help-text {
- margin-bottom: 4 * $gap;
- }
- }
-
.panel {
@include shadow-panel;
}
@@ -271,15 +198,6 @@
text-align: center;
}
-.task-order__modal-cancel_buttons {
- display: flex;
- justify-content: center;
-
- button {
- margin-top: 0;
- }
-}
-
.clin-card {
width: 62rem;
position: relative;
diff --git a/templates/applications/fragments/new_member_modal_content.html b/templates/applications/fragments/new_member_modal_content.html
index 94bbc64e..3dd35e24 100644
--- a/templates/applications/fragments/new_member_modal_content.html
+++ b/templates/applications/fragments/new_member_modal_content.html
@@ -2,10 +2,8 @@
{% import "applications/fragments/member_form_fields.html" as member_fields %}
{% macro MemberFormTemplate(title, next_button, previous=True) %}
-
+
+
{{ Icon('avatar') }} {{ title }}
{{ caller() }}
@@ -18,7 +16,7 @@
class='action-group__action usa-button usa-button-secondary'
value='{{ "common.previous" | translate }}'>
{% endif %}
-
{{ "common.cancel" | translate }}
+
{{ "common.cancel" | translate }}
{% endmacro %}
diff --git a/templates/applications/new/step_1.html b/templates/applications/new/step_1.html
index faf6656d..e6a2bd54 100644
--- a/templates/applications/new/step_1.html
+++ b/templates/applications/new/step_1.html
@@ -31,7 +31,7 @@
{{ ('portfolios.applications.new.step_1_form_help_text.description' | translate | safe) }}