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

@@ -41,12 +41,12 @@
</div>
{{ page_footer('Save') }}
</div>
<aside class="govuk-grid-column-full">
<div class="govuk-grid-column-full">
{% include "partials/templates/guidance-personalisation.html" %}
{% include "partials/templates/guidance-optional-content.html" %}
{% include "partials/templates/guidance-links.html" %}
{% include "partials/templates/guidance-character-count.html" %}
</aside>
</div>
</div>
{% endcall %}