From a6a8e4ac47ec0374412cee44883f12a70bbcd327 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 5 Jun 2018 18:34:48 +0100
Subject: [PATCH] Fix mobile nav

---
 source/_partials/nav-item.html.twig | 2 +-
 source/_partials/navbar.html.twig   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/source/_partials/nav-item.html.twig b/source/_partials/nav-item.html.twig
index 772311ab..1b6730fc 100644
--- a/source/_partials/nav-item.html.twig
+++ b/source/_partials/nav-item.html.twig
@@ -1,4 +1,4 @@
-<a href="{{ href }}" class="p-4 border-l-2 md:border-l-0 md:border-b-2 md:ml-4 md:mr-0 md:p-0 hover:no-underline {{ page.url matches '#' ~ pattern ~ '#' ? 'border-blue' : 'border-transparent hover:border-grey-light' }} {{ loop.first ? 'border-t border-grey-lighter md:border-t-0 md:border-transparent' }}">
+<a href="{{ href }}" class="block p-4 border-l-3 md:border-l-0 md:border-b-2 md:ml-4 md:mr-0 md:p-0 hover:no-underline {{ page.url matches '#' ~ pattern ~ '#' ? 'border-blue' : 'border-transparent hover:border-grey-light' }} {{ loop.first ? 'border-t border-grey-lighter md:border-t-0 md:border-transparent' }}">
     <span class="flex items-center h-full">
         {{- title -}}
     </span>
diff --git a/source/_partials/navbar.html.twig b/source/_partials/navbar.html.twig
index 00420436..14ac61d7 100644
--- a/source/_partials/navbar.html.twig
+++ b/source/_partials/navbar.html.twig
@@ -1,5 +1,5 @@
 <div class="navbar border-bottom border-b border-grey-light mb-6" role="banner">
-    <header class="container mx-auto px-4">
+    <header class="md:container md:mx-auto px-4">
         <div class="md:flex">
             <div class="w-full md:w-1/3 lg:w-1/4 flex items-center">
                 <div class="w-3/4 py-5">
@@ -15,7 +15,7 @@
                 </div>
             </div>
 
-            <nav class="hidden w-full -mx-4 md:w-2/3 lg:w-3/4 md:flex md:flex-wrap md:justify-end" role="navigation">
+            <nav class="hidden block w-full -mx-4 md:w-2/3 lg:w-3/4 md:flex md:flex-wrap md:justify-end" role="navigation">
                 {% include 'nav-item.html.twig' with {
                     title: 'About',
                     href: '/',