Adjust spacing and styling of subheaders for ao examples

This commit is contained in:
igorkorenfeld 2023-01-19 14:25:31 -05:00
parent 248a775ee8
commit e15bdabb4b
No known key found for this signature in database
GPG key ID: 826947A4B867F659
2 changed files with 15 additions and 2 deletions

View file

@ -19,6 +19,8 @@ i.e.
@include u-padding-right('05');
----------------------------------------
*/
// USWDS tokens are a bit too coarse in their letter-spacing steps
$letter-space--xs: .0125em;
@use "uswds-core" as *;
@ -41,6 +43,13 @@ i.e.
margin-top: units(2);
}
}
.register-form-step h3 {
color: color('primary-dark');
letter-spacing: $letter-space--xs;
margin-top: units(3);
margin-bottom: 0;
}
.register-form-step p {
@include typeset('sans', 'sm', 5);
@ -92,6 +101,10 @@ a.breadcrumb__back {
margin-top: units(2);
}
.ao_example p {
margin-top: units(1);
}
.review__step__name {
font-weight: font-weight('semibold');
}

View file

@ -12,8 +12,8 @@
<p>Your authorizing official is the person within your organization who can authorize your domain request. This is generally the highest ranking or highest elected official in your organization. Read more about <a href="{% url 'todo' %}">who can serve as an authorizing official</a>.
</p>
<div class="ao-example">
{% include "includes/ao_example__city.html" %}
<div class="ao_example">
{% include "includes/ao_example__school-district.html" %}
</div>
<p>Well contact your authorizing official to let them know that you made this request and to double check that they approve it.</p>