From 02587b5aa01eef98170b0c09796ba9c0a468544e Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Fri, 8 Feb 2019 14:33:09 +0000
Subject: [PATCH] Tidied layout

---
 src/App.vue                     | 7 ++++++-
 src/components/panelDisplay.vue | 2 +-
 src/components/panelLeft.vue    | 3 ---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a7b07016..15bf576c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,7 +3,7 @@
     <div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove" margin=0>
       <div id="sidebar-container" v-bind:class="responsivePanelLeft" class="uk-padding-remove uk-first-column uk-inline uk-height-1-1">
         <div id="overlay-toggle">
-          <a href="" class="uk-icon-button" uk-icon="menu" uk-toggle="target: .toggle-hidden; animation: uk-animation-slide-left-small, uk-animation-slide-left-small" ></a>
+          <a href="" class="uk-icon-button uk-box-shadow-small uk-box-shadow-hover-medium action-btn-outline" uk-icon="menu" uk-toggle="target: .toggle-hidden; animation: uk-animation-slide-left-small, uk-animation-slide-left-small" ></a>
         </div>
         <div id="left-panel-container" class="toggle-hidden uk-padding-remove uk-card uk-card-default uk-width-auto uk-height-1-1">
           <panelLeft/>
@@ -107,4 +107,9 @@ body, html {
     top: 24px;
 }
 
+.action-btn-outline {
+  border: 1px solid lightgray;
+}
+
+
 </style>
diff --git a/src/components/panelDisplay.vue b/src/components/panelDisplay.vue
index 938ed1a9..bae40c2e 100644
--- a/src/components/panelDisplay.vue
+++ b/src/components/panelDisplay.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="panelDisplay" class="uk-flex uk-flex-column uk-margin-remove uk-padding-remove uk-height-1-1">
-    <ul class="uk-flex-none uk-flex-center uk-margin-remove-bottom" uk-tab>
+    <ul class="uk-flex-none uk-flex-center uk-margin-remove-bottom uk-text-center" uk-tab>
       <li><a href="#" uk-switcher-item="preview" uk-icon="play-circle" uk-tooltip="Live"></a></li>
       <li><a href="#" uk-switcher-item="gallery" uk-icon="image" uk-tooltip="Captures"></a></li>
     </ul>
diff --git a/src/components/panelLeft.vue b/src/components/panelLeft.vue
index ccb88a26..1ce6adfc 100644
--- a/src/components/panelLeft.vue
+++ b/src/components/panelLeft.vue
@@ -30,9 +30,6 @@ export default {
 </script>
 
 <style lang="less">
-#panelLeft {
-  
-}
 .uk-tab {
     padding-left: 0;
 }