From 1aa30d92bd82128aec6cc4333d3fef9ea4b5aa39 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 2 Apr 2019 10:39:14 +0100
Subject: [PATCH] Adjust main section styling

---
 resources/css/app.css             | 1 +
 resources/css/components/main.css | 5 +++++
 source/index.html.twig            | 8 ++++----
 3 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 resources/css/components/main.css

diff --git a/resources/css/app.css b/resources/css/app.css
index e866f18..0ce8bc7 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -2,5 +2,6 @@
 
 @import 'components/balloon.css';
 @import 'components/button.css';
+@import 'components/main.css';
 
 @tailwind utilities;
diff --git a/resources/css/components/main.css b/resources/css/components/main.css
new file mode 100644
index 0000000..4e9f56b
--- /dev/null
+++ b/resources/css/components/main.css
@@ -0,0 +1,5 @@
+@media (min-height: theme('screens.md')) {
+  main {
+    @apply tw-flex tw-flex-col tw-justify-center tw-h-full
+  }
+}
diff --git a/source/index.html.twig b/source/index.html.twig
index a935741..6b3194a 100644
--- a/source/index.html.twig
+++ b/source/index.html.twig
@@ -14,10 +14,10 @@ update_text: Session submissions are now open!
     <a href="#main-content" class="visually-hidden focusable skip-link">
       Skip to main content
     </a>
-    <div class="tw-h-full">
+    <div class="tw-h-full tw-flex tw-flex-col">
         {% include 'banner' %}
 
-        <div class="tw-flex tw-flex-col tw-flex-1 tw-bg-balloon tw-bg-center tw-bg-cover">
+        <main class="tw-bg-balloon tw-bg-center tw-bg-cover">
             <div class="region tw-px-12">
                 <div id="block-homepagehero" class="tw-my-0 md:tw-py-18 lg:tw-py-24 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
                     <div class="tw-mx-16">
@@ -42,9 +42,9 @@ update_text: Session submissions are now open!
                     </div>
                 </div>
             </div>
-        </div>
+        </main>
 
-        <div>
+        <div class="tw-mt-auto">
             {% if page.update_text %}
                 {% include 'update-text' %}
             {% endif %}