Move negative margin, prevent overlapping on mobile applications page

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">

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 },

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 },

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 },