From 689df8b10ab8595d1b25fe858ec02b1ec040368f Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 28 Dec 2018 00:04:50 +0000
Subject: [PATCH] Rename component

---
 src/components/DrupalBlock.vue  | 13 -------------
 src/components/SidebarBlock.vue |  5 +++++
 src/components/Welcome.vue      | 12 ++++++------
 3 files changed, 11 insertions(+), 19 deletions(-)
 delete mode 100644 src/components/DrupalBlock.vue
 create mode 100644 src/components/SidebarBlock.vue

diff --git a/src/components/DrupalBlock.vue b/src/components/DrupalBlock.vue
deleted file mode 100644
index a172821..0000000
--- a/src/components/DrupalBlock.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div class="drupal-block">
-    <slot></slot>
-  </div>
-</template>
-
-<style lang="sass" scoped>
-.drupal-block
-  @apply bg-grey-lightest p-4
-
-  &:not(:last-child)
-    @apply mb-4
-</style>
diff --git a/src/components/SidebarBlock.vue b/src/components/SidebarBlock.vue
new file mode 100644
index 0000000..f9e7e1a
--- /dev/null
+++ b/src/components/SidebarBlock.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="bg-grey-lightest p-4 mb-4">
+    <slot></slot>
+  </div>
+</template>
diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
index 16aa095..bf9a91a 100644
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -38,8 +38,8 @@
             </div>
           </div>
 
-          <div class="w-full md:w-1/3 lg:w-1/4 flex-none md:px-6">
-            <drupal-block>
+          <div class="w-full md:w-1/3 lg:w-1/4 flex-none md:px-6 -mb-4">
+            <sidebar-block>
               <h2 class="font-serif font-normal text-base text-grey-darkest border-b border-solid border-grey-light mb-3">Search</h2>
 
               <div>
@@ -51,7 +51,7 @@
                   </button>
                 </form>
               </div>
-            </drupal-block>
+            </sidebar-block>
           </div>
         </div>
       </div>
@@ -79,13 +79,13 @@
 </template>
 
 <script>
-import DrupalBlock from './DrupalBlock.vue'
 import MainMenu from './MainMenu.vue';
+import SidebarBlock from './SidebarBlock.vue'
 
 export default {
   components: {
-      DrupalBlock,
-      MainMenu,
+    MainMenu,
+    SidebarBlock,
   },
 
   props: {