Use inset-text component for template formatting partials

This adds spacing classes from the design system where necessary to keep
the spacing looking the same.

It also replaces the `<aside>` elements with a `<div>` on the edit
template pages. The accessibility audit noted that these were inside a
`<main>` element, so screen readers may not be able to navigate the
elements correctly.
This commit is contained in:
Katie Smith
2021-02-19 14:46:09 +00:00
parent 79a0a14b38
commit 9ee2c3946a
10 changed files with 80 additions and 67 deletions

View File

@@ -31,7 +31,7 @@
'Save'
) }}
</div>
<aside class="govuk-grid-column-full">
<div class="govuk-grid-column-full">
{% include "partials/templates/guidance-formatting.html" %}
{% include "partials/templates/guidance-personalisation.html" %}
{% include "partials/templates/guidance-optional-content.html" %}
@@ -39,7 +39,7 @@
{% if current_service.has_permission('upload_document') %}
{% include "partials/templates/guidance-send-a-document.html" %}
{% endif %}
</aside>
</div>
</div>
{% endcall %}