From e91211898596c68a50c69d960dafbced9d6e9e64 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 14 Mar 2019 13:20:59 +0000
Subject: [PATCH] Overlap sidebar

---
 src/components/Sidebar.vue | 2 +-
 tailwind.js                | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 486545d..bbfa5c9 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="w-auto lg:w-56 bg-grey-light text-grey-darker antialiased fixed pin-l h-full overflow-y-scroll">
+  <div class="w-auto lg:w-56 bg-grey-light text-grey-darker antialiased fixed pin-l h-full overflow-y-scroll z-30 -mt-2px">
     <div>
       <ul class="list-reset">
         <li v-for="link in links" :key="link.title">
diff --git a/tailwind.js b/tailwind.js
index 81a7dcd..b4b90a3 100644
--- a/tailwind.js
+++ b/tailwind.js
@@ -66,6 +66,10 @@ module.exports = {
     '56': '14rem',
     '64': '16rem',
   },
+  negativeMargin: {
+    ...defaultConfig.negativeMargin,
+    '2px': '2px',
+  },
   width: {
     ...defaultConfig.width,
     '56': '14rem',