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

@@ -28,11 +28,11 @@
'Save'
) }}
</div>
<aside class="govuk-grid-column-three-quarters">
<div class="govuk-grid-column-three-quarters">
{% include "partials/templates/guidance-formatting-letters.html" %}
{% include "partials/templates/guidance-personalisation.html" %}
{% include "partials/templates/guidance-optional-content.html" %}
</aside>
</div>
</div>
{% endcall %}