From 5122ef7e918a8fbf16e8776f63370767a8bc702b Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 14 Mar 2019 17:54:18 +0000
Subject: [PATCH] Move negative margin, prevent overlapping on mobile
 applications page

---
 src/components/Sidebar.vue | 2 +-
 src/views/Applications.vue | 2 +-
 src/views/Environment.vue  | 2 +-
 src/views/Environments.vue | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index bbfa5c9..96da64d 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 z-30 -mt-2px">
+  <div class="w-auto lg:w-56 bg-grey-light text-grey-darker antialiased fixed pin-l h-full overflow-y-scroll z-30">
     <div>
       <ul class="list-reset">
         <li v-for="link in links" :key="link.title">
diff --git a/src/views/Applications.vue b/src/views/Applications.vue
index 9828b9d..61a2298 100644
--- a/src/views/Applications.vue
+++ b/src/views/Applications.vue
@@ -51,7 +51,7 @@
           </div>
         </div>
 
-        <sidebar :links="[
+        <sidebar class="sm:-mt-2px" :links="[
           { title: 'All', icon: 'alpha__grid', active: true, disabled: false },
           { title: 'Starred', icon: 'state__starred', active: false, disabled: false },
           { title: 'Recents', icon: 'objects__recent', active: false, disabled: false },
diff --git a/src/views/Environment.vue b/src/views/Environment.vue
index d59700c..a029b49 100644
--- a/src/views/Environment.vue
+++ b/src/views/Environment.vue
@@ -132,7 +132,7 @@
           </div>
         </div>
 
-        <sidebar :links="[
+        <sidebar class="-mt-2px" :links="[
           { title: 'Overview', icon: 'sections__applications', active: true, disabled: false },
           { title: 'Stack Metrics', icon: 'sections__activity', active: false, disabled: false },
           { title: 'Servers', icon: 'alpha__server', active: false, disabled: false },
diff --git a/src/views/Environments.vue b/src/views/Environments.vue
index 3ca6f46..3033d7f 100644
--- a/src/views/Environments.vue
+++ b/src/views/Environments.vue
@@ -62,7 +62,7 @@
           <task-log :tasks="application.tasks" v-if="application.tasks[0]"></task-log>
         </div>
 
-        <sidebar :links="[
+        <sidebar class="-mt-2px" :links="[
           { title: 'Environments', icon: 'alpha__grid', active: true, disabled: false },
           { title: 'Product Keys', icon: 'locations__keys', active: false, disabled: true },
           { title: 'Security', icon: 'alpha__security', active: false, disabled: true },