Stylistic changes, more semantic definition lists for contacts on review and summary pages

This commit is contained in:
Rachid Mrad 2024-01-25 13:56:08 -05:00
parent 64e3d5a33a
commit dcbfcf7639
No known key found for this signature in database
GPG key ID: EF38E4CEC4A8F3CF
3 changed files with 19 additions and 14 deletions

View file

@ -12,7 +12,7 @@
margin-top: units(1); margin-top: units(1);
} }
.register-form-step h3:not(.text-base-darker) { .register-form-step h3:not(.text-base-darkest) {
color: color('primary-dark'); color: color('primary-dark');
letter-spacing: $letter-space--xs; letter-spacing: $letter-space--xs;
margin-top: units(3); margin-top: units(3);

View file

@ -112,7 +112,7 @@
{% endwith %} {% endwith %}
{% if application.alternative_domains.all %} {% if application.alternative_domains.all %}
<h3 class="margin-bottom-0 text-semibold">Alternative domains</h3> <h3 class="margin-bottom-0 margin-top-2 text-base-darkest font-body-sm text-semibold">Alternative domains</h3>
<ul class="usa-list usa-list--unstyled margin-top-0"> <ul class="usa-list usa-list--unstyled margin-top-0">
{% for site in application.alternative_domains.all %} {% for site in application.alternative_domains.all %}
<li>{{ site.website }}</li> <li>{{ site.website }}</li>

View file

@ -28,17 +28,22 @@
{% if value|length == 1 %} {% if value|length == 1 %}
{% include "includes/contact.html" with contact=value|first %} {% include "includes/contact.html" with contact=value|first %}
{% else %} {% else %}
<ul class="usa-list usa-list--unstyled margin-top-0"> {% if value %}
<dl class="usa-list usa-list--unstyled margin-top-0">
{% for item in value %} {% for item in value %}
<li> <dt class="font-body-sm text-semibold margin-top-2">
<h3 class="text-semibold margin-bottom-0">
Contact {{forloop.counter}} Contact {{forloop.counter}}
</h3> </dt>
{% include "includes/contact.html" with contact=item %}</li> <dd class="margin-left-0">
{% empty %} {% include "includes/contact.html" with contact=item %}
<li>None</li> </dd>
{% endfor %} {% endfor %}
</ul> </dl>
{% else %}
<p>
None
</p>
{% endif %}
{% endif %} {% endif %}
{% else %} {% else %}
{% include "includes/contact.html" with contact=value %} {% include "includes/contact.html" with contact=value %}
@ -57,7 +62,7 @@
{% endspaceless %}) {% endspaceless %})
{% endif %} {% endif %}
{% else %} {% else %}
<p class="margin-top-0">{{ value | first }} </p> <p class="margin-top-0 margin-bottom-0">{{ value | first }} </p>
{% endif %} {% endif %}
{% else %} {% else %}
<ul class="usa-list usa-list--unstyled margin-top-0"> <ul class="usa-list usa-list--unstyled margin-top-0">