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);
}
.register-form-step h3:not(.text-base-darker) {
.register-form-step h3:not(.text-base-darkest) {
color: color('primary-dark');
letter-spacing: $letter-space--xs;
margin-top: units(3);

View file

@ -112,7 +112,7 @@
{% endwith %}
{% 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">
{% for site in application.alternative_domains.all %}
<li>{{ site.website }}</li>

View file

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