diff --git a/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss b/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss index a03369e3e..0cac4428f 100644 --- a/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss +++ b/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss @@ -45,21 +45,37 @@ $letter-space--xs: .0125em; font-weight: font-weight('semibold'); line-height: line-height('heading', 3); margin: units(4) 0 units(1); - - &:first-of-type { - margin-top: units(2); - } } + //Tighter spacing when H2 is immediatly after H1 +.register-form-step .usa-fieldset:first-of-type h2:first-of-type, +.register-form-step h1 + h2 { + margin-top: units(1); +} + .register-form-step h3 { color: color('primary-dark'); letter-spacing: $letter-space--xs; margin-top: units(3); margin-bottom: 0; + + + p { + margin-top: units(0.5); + } +} + +.register-form-step h4 { + margin-bottom: 0; + + + p { + margin-top: units(0.5); + } } .register-form-step p, -.dashboard p { +.register-form-step .usa-list li, +.dashboard p +{ @include typeset('sans', 'sm', 5); max-width: measure(5); @@ -77,6 +93,10 @@ $letter-space--xs: .0125em; } } +.register-form-step .usa-label:first-of-type { + margin-top: units(1); +} + a.breadcrumb__back { display:flex; align-items: center; @@ -114,8 +134,39 @@ a.breadcrumb__back { margin-top: units(1); } +.domain_example { + p { + margin-bottom: 0; + } + + .usa-list { + margin-top: units(0.5); + } +} + +.review__step { + margin-top: units(3); + + &:first-of-type { + margin-top: units(4); + } +} + +.review__step hr { + border: none; //reset + border-top: 1px solid color('primary-dark'); + margin-top: 0; + margin-bottom: units(0.5); +} + +.review__step__title a:visited { + color: color('primary'); +} + .review__step__name { + color: color('primary-dark'); font-weight: font-weight('semibold'); + margin-bottom: units(0.5); } @@ -123,6 +174,7 @@ a.breadcrumb__back { #wrapper.dashboard { background-color: color('primary-lightest'); + padding-top: units(5); } section.dashboard { @@ -231,9 +283,14 @@ section.dashboard { main { - //Workaround because USWDS units jump from 10 to 15 - padding-bottom: units(10) + units(2); - padding-top: units(5); + ////Workaround because USWDS units jump from 10 to 15 + //padding-bottom: units(10) + units(2); + //padding-top: units(5); +} + +#wrapper { + padding-top: units(3); + padding-bottom: units(6) * 2 ; //Workaround because USWDS units jump from 10 to 15 } footer { diff --git a/src/registrar/templates/application_dotgov_domain.html b/src/registrar/templates/application_dotgov_domain.html index 0c80a8692..247515b81 100644 --- a/src/registrar/templates/application_dotgov_domain.html +++ b/src/registrar/templates/application_dotgov_domain.html @@ -17,7 +17,7 @@
We’ll try to give you the domain you want. We first need to make sure your request meets our requirements. We’ll work with you to find the best domain for your organization.
Here are a few domain examples for your type of organization.
-