From f2a42877715f170bc7a012da3f19ba0d21fe9ed6 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 9 Apr 2019 13:11:41 +0100
Subject: [PATCH] Update padding and spacing

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

diff --git a/src/components/AppBreadcrumb.vue b/src/components/AppBreadcrumb.vue
index 645c119..c637f3e 100644
--- a/src/components/AppBreadcrumb.vue
+++ b/src/components/AppBreadcrumb.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="py-1">
     <ul class="flex -ml-3">
       <li class="flex items-center ml-3">
         <div class="flex flex-col-reverse">
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 4200f48..de88ea9 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -7,8 +7,8 @@
 
         <div class="flex flex-col flex-1">
           <nav class="border-t-2 border-transparent flex justify-end md:justify-start">
-            <a href="#0" class="inline-block text-sm border-b-4 border-blue-300 mx-2 px-4 py-4 md:py-5 text-blue-300 uppercase no-underline hover:underline focus:underline">Develop</a>
-            <a href="#0" class="inline-block text-sm border-b-4 border-transparent mx-2 px-4 py-4 md:py-5 text-blue-300 uppercase no-underline hover:underline focus:underline">Manage</a>
+            <a href="#0" class="inline-block text-sm border-b-4 border-blue-300 mx-2 px-4 py-5 text-blue-300 uppercase no-underline hover:underline focus:underline">Develop</a>
+            <a href="#0" class="inline-block text-sm border-b-4 border-transparent mx-2 px-4 py-5 text-blue-300 uppercase no-underline hover:underline focus:underline">Manage</a>
           </nav>
         </div>
 
diff --git a/src/views/Applications.vue b/src/views/Applications.vue
index 227f6b9..eb5bbc8 100644
--- a/src/views/Applications.vue
+++ b/src/views/Applications.vue
@@ -13,7 +13,7 @@
     </div>
 
     <div class="mt-48">
-      <div class="-mt-10 md:-mt-3 flex flex-row-reverse h-full">
+      <div class="-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-12">
@@ -47,7 +47,7 @@
           </div>
         </div>
 
-        <sidebar class="mt-3 md:-mt-2px" :links="[
+        <sidebar :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 450d2c8..5ad83ba 100644
--- a/src/views/Environment.vue
+++ b/src/views/Environment.vue
@@ -17,7 +17,7 @@
     </div>
 
     <div class="mt-48">
-      <div class="-mt-6 md:-mt-3 flex flex-row-reverse h-full">
+      <div class="-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-1 md:-mt-2px" :links="[
+        <sidebar :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 e4072bd..dff943f 100644
--- a/src/views/Environments.vue
+++ b/src/views/Environments.vue
@@ -24,7 +24,7 @@
     </div>
 
     <div class="mt-48">
-      <div class="-mt-6 md:-mt-3 flex flex-row-reverse h-full">
+      <div class="-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">
@@ -53,7 +53,7 @@
           <task-log :tasks="application.tasks" v-if="application.tasks[0]"></task-log>
         </div>
 
-        <sidebar class="-mt-1 md:-mt-2px" :links="[
+        <sidebar :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 },