Set vertical spacing for <main>

GOV.UK Frontend gives `<main>` different padding
on the top and bottom to us.

This adds our spacing to `<main>` for pages
without a side nav (except the product page which
is special) and to the row containing the `<main>`
and side nav sections on pages that have a side
nav.
This commit is contained in:
Tom Byers
2019-10-14 16:23:53 +01:00
parent 9415a0bf3f
commit 5b11b63e07
5 changed files with 23 additions and 7 deletions

View File

@@ -15,13 +15,13 @@
</div>
<a href="{{ url_for('main.choose_account') }}" class="navigation-service-switch">Switch service</a>
</div>
<div class="grid-row">
<div class="grid-row govuk-!-padding-bottom-12">
<div class="column-one-quarter">
{% include "org_nav.html" %}
</div>
<div class="column-three-quarters">
{% block beforeContent %}{% endblock %}
<main class="govuk-main-wrapper column-main" id="main-content" role="main" >
<main class="govuk-main-wrapper column-main govuk-!-padding-top-0 govuk-!-padding-bottom-0" id="main-content" role="main" >
{% block content %}
{% include 'flash_messages.html' %}
{% block maincolumn_content %}{% endblock %}