From dbc27d6ecfcc3969782b4ebe24c6dce21ea4a4de Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 8 Feb 2019 14:05:22 +0000
Subject: [PATCH] Update title block

---
 src/components/TitleBlock.vue | 12 +++++++-----
 tailwind.js                   |  1 +
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/TitleBlock.vue b/src/components/TitleBlock.vue
index dda4273..94b9e64 100644
--- a/src/components/TitleBlock.vue
+++ b/src/components/TitleBlock.vue
@@ -1,9 +1,11 @@
 <template>
-  <div class="bg-grey-lighter px-4 lg:px-6 py-5 border-b-2 border-grey flex justify-between items-center">
-    <div class="w-full md:w-auto flex flex-col">
-      <slot name="left"></slot>
-    </div>
+  <div class="border-b-3 border-grey-light">
+    <div class="bg-white px-4 lg:px-6 py-5 border-t border-grey-lighter flex justify-between items-center">
+      <div class="w-full md:w-auto flex flex-col">
+        <slot name="left"></slot>
+      </div>
 
-    <slot name="right"></slot>
+      <slot name="right"></slot>
+    </div>
   </div>
 </template>
diff --git a/tailwind.js b/tailwind.js
index 32e7a89..9284d2b 100644
--- a/tailwind.js
+++ b/tailwind.js
@@ -56,6 +56,7 @@ module.exports = {
   },
   borderWidths: {
     ...defaultConfig.borderWidths,
+    '3': '3px',
     '6': '6px',
     '10': '10px',
   },