From d91efec17d89ddfb7315252618b142f7819cb749 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 9 Apr 2019 02:09:55 +0100
Subject: [PATCH 1/2] Adjust negative margin

---
 src/views/Environments.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Environments.vue b/src/views/Environments.vue
index 279aea8..f02cbdd 100644
--- a/src/views/Environments.vue
+++ b/src/views/Environments.vue
@@ -24,7 +24,7 @@
     </div>
 
     <div class="mt-48">
-      <div class="-mt-3 md:-mt-1 flex flex-row-reverse h-full">
+      <div class="-mt-6 md:-mt-3 flex flex-row-reverse h-full">
         <div class="flex-1 p-4 lg:p-12 ml-16 lg:ml-56 overflow-x-hidden">
           <div class="mb-6">
             <div class="lg:flex lg:items-baseline mb-2">

From bb536f76e7499242b73ff01764dc7eceb30ffc72 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 9 Apr 2019 02:14:14 +0100
Subject: [PATCH 2/2] Adjust margins

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

diff --git a/src/views/Applications.vue b/src/views/Applications.vue
index 19b0e98..a075fc1 100644
--- a/src/views/Applications.vue
+++ b/src/views/Applications.vue
@@ -47,7 +47,7 @@
           </div>
         </div>
 
-        <sidebar class="md:-mt-2px" :links="[
+        <sidebar class="mt-3 md:-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 666df64..2793792 100644
--- a/src/views/Environment.vue
+++ b/src/views/Environment.vue
@@ -17,7 +17,7 @@
     </div>
 
     <div class="mt-48">
-      <div class="-mt-3 md:-mt-1 flex flex-row-reverse h-full">
+      <div class="-mt-6 md:-mt-3 flex flex-row-reverse h-full">
         <div class="flex-1 p-4 lg:p-12 ml-16 lg:ml-56 overflow-x-hidden">
           <div>
             <div>
@@ -111,7 +111,7 @@
           </div>
         </div>
 
-        <sidebar class="-mt-2px" :links="[
+        <sidebar class="-mt-1 md:-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 f02cbdd..3418ce8 100644
--- a/src/views/Environments.vue
+++ b/src/views/Environments.vue
@@ -53,7 +53,7 @@
           <task-log :tasks="application.tasks" v-if="application.tasks[0]"></task-log>
         </div>
 
-        <sidebar class="-mt-2px" :links="[
+        <sidebar class="-mt-1 md:-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 },