From f83b817882e36cf64622fa3023912c9539a1eed2 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sun, 16 Jun 2019 10:31:48 +0100
Subject: [PATCH] Ensure margins and paddings are consistent

---
 src/App.vue                 | 8 ++++----
 src/components/MainMenu.vue | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index dbed0d8..6588866 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -38,8 +38,8 @@
         <div class="-mx-6 md:flex md:flex-row-reverse">
           <main id="main" class="flex-1 px-6 pb-8 lg:pb-12">
             <div class="font-serif">
-              <h1 class="mb-1 text-3xl font-normal leading-tight">Welcome to {{ title }}</h1>
-              <p>No front page content has been created yet.</p>
+              <h1 class="text-3xl font-normal leading-tight">Welcome to {{ title }}</h1>
+              <p class="mt-1">No front page content has been created yet.</p>
               <p>Follow the <a href="#0">User Guide</a> to start building your site.</p>
             </div>
 
@@ -48,9 +48,9 @@
 
           <aside class="w-full px-6 -mb-4 md:w-1/3 lg:w-1/4">
             <sidebar-block>
-              <h2 class="font-serif font-normal text-base text-grey-600 border-b border-solid border-grey-300 mb-3">Search</h2>
+              <h2 class="font-serif font-normal text-base text-grey-600 border-b border-solid border-grey-300">Search</h2>
 
-              <div>
+              <div class="mt-3">
                 <form action="#" class="flex">
                   <input type="text" class="w-full py-1 px-2 border border-solid border-grey-400 xl:w-auto">
 
diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue
index 08e1bc2..22a64a7 100644
--- a/src/components/MainMenu.vue
+++ b/src/components/MainMenu.vue
@@ -17,9 +17,9 @@
 
     <div class="mx-auto px-4 sm:block xl:max-w-6xl" :class="[ isOpen ? 'block' : 'hidden' ]">
       <div class="mt-2 sm:mt-0">
-        <nav class="flex flex-wrap pb-1 -mx-3 sm:-mx-0 md:p-0">
+        <nav class="flex flex-wrap pb-2 -mt-1 -mx-3 sm:-mx-0 md:p-0">
           <div
-            class="w-full inline-block px-1 mb-1 md:mb-0 sm:w-1/3 sm:pl-0 md:w-auto"
+            class="w-full inline-block px-1 mt-1 md:mb-0 sm:w-1/3 sm:pl-0 md:w-auto"
             :key="link.title"
             v-for="(link, index) in links"
           >