From 0f2e3aed548c0b58769fa3dc96868c4f192a0792 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 20 Nov 2018 13:14:40 +0000
Subject: [PATCH] Move background colour class

---
 src/components/MainMenu.vue |  2 +-
 src/components/Welcome.vue  | 29 +++++++++++++++--------------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue
index b9837f6..6220b63 100644
--- a/src/components/MainMenu.vue
+++ b/src/components/MainMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-blue-dark">
+  <div>
     <button
       type="button"
       class="w-full p-3 block sm:hidden bg-blue-lighter text-sm text-grey-darker text-left focus:outline-none"
diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
index ea4e538..9140767 100644
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -1,24 +1,25 @@
 <template>
   <div>
-    <div class="bg-blue-dark text-white py-4">
-      <div class="container mx-auto px-4 relative">
-        <div class="flex flex-col-reverse">
-          <div class="flex items-center">
-            <img src="img/logo.svg" alt="" class="mr-4">
-            <div class="text-2xl">
-              <a href="#0" class="text-white no-underline">{{ title }}</a>
+    <div class="bg-blue-dark">
+      <div class="py-4 text-white">
+        <div class="container mx-auto px-4 relative">
+          <div class="flex flex-col-reverse">
+            <div class="flex items-center">
+              <img src="img/logo.svg" alt="" class="mr-4">
+              <div class="text-2xl">
+                <a href="#0" class="text-white no-underline">{{ title }}</a>
+              </div>
+            </div>
+
+            <div class="text-sm flex justify-end">
+              <a href="#0" class="text-white no-underline hover:underline">Log in</a>
             </div>
           </div>
-
-          <div class="text-sm flex justify-end">
-            <a href="#0" class="text-white no-underline hover:underline">Log in</a>
-          </div>
         </div>
-
       </div>
-    </div>
 
-    <main-menu></main-menu>
+      <main-menu></main-menu>
+    </div>
 
     <div class="bg-white pt-3 pb-4 lg:pb-12">
       <div class="container mx-auto px-4">