formatting of domain overview, invited domain mgr label

This commit is contained in:
David Kennedy 2024-11-14 17:35:40 -05:00
parent 24126f9946
commit b57ab6eea1
No known key found for this signature in database
GPG key ID: 6528A5386E66B96B
3 changed files with 11 additions and 3 deletions

View file

@ -1,5 +1,6 @@
@use "uswds-core" as *; @use "uswds-core" as *;
@use "cisa_colors" as *; @use "cisa_colors" as *;
@use "typography" as *;
.usa-form .usa-button { .usa-form .usa-button {
margin-top: units(3); margin-top: units(3);
@ -69,9 +70,9 @@ legend.float-left-tablet + button.float-right-tablet {
} }
.read-only-label { .read-only-label {
font-size: size('body', 'sm'); @extend .h4--sm-05;
font-weight: bold;
color: color('primary-dark'); color: color('primary-dark');
margin-bottom: units(0.5);
} }
.read-only-value { .read-only-value {

View file

@ -23,6 +23,13 @@ h2 {
color: color('primary-darker'); color: color('primary-darker');
} }
.h4--sm-05 {
font-size: size('body', 'sm');
font-weight: normal;
color: color('primary');
margin-bottom: units(0.5);
}
// Normalize typography in forms // Normalize typography in forms
.usa-form, .usa-form,
.usa-form fieldset { .usa-form fieldset {

View file

@ -119,7 +119,7 @@
{% endif %} {% endif %}
{% endif %} {% endif %}
{% if value.invitations.all %} {% if value.invitations.all %}
<p class="margin-top-1">Invitations</p> <h4 class="h4--sm-05">Invited domain managers</h4>
<ul class="usa-list usa-list--unstyled margin-top-0"> <ul class="usa-list usa-list--unstyled margin-top-0">
{% for item in value.invitations.all %} {% for item in value.invitations.all %}
<li>{{ item.email }}</li> <li>{{ item.email }}</li>