#239 Move logo to sidebar nav

2 files changed, 10 insertions, 13 deletions

diff --git a/web-ui/app/index.html b/web-ui/app/index.html
index 5a6d31f0..b13ee206 100644
--- a/web-ui/app/index.html
+++ b/web-ui/app/index.html
@@ -20,6 +20,9 @@
 <div class="off-canvas-wrap move-right menu" data-offcanvas>
   <div class="inner-wrap">
     <section id="left-pane" class="left-off-canvas-menu">
+      <a class="left-off-canvas-logo" href="#">
+        <img id="pixelated-logo" src="/assets/images/pixelated-logo_symbol_orange.png" alt="Pixelated">
+      </a>
       <a class="fake-left-off-canvas-toggle" href="#">
         <i class=" toggle fa fa-navicon"></i>
       </a>
@@ -39,9 +42,6 @@
     <div id="menu" class="column collapsed-nav no-padding">
       <a class="left-off-canvas-toggle" href="#">
       </a>
-      <a class="left-off-canvas-logo" href="#">
-        <img id="pixelated-logo" src="/assets/images/pixelated-logo_symbol_orange.png" alt="Pixelated">
-      </a>
     </div>
 
     <article id='middle-pane-container' class="small-5 medium-5 large-5 columns no-padding">
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index cd149b9f..d56f8d34 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -480,6 +480,13 @@ button {
   }
 }
 
+.left-off-canvas-logo {
+  img {
+    padding: 4px 0 0 4px;
+    width: 36px;
+  }
+}
+
 .collapsed-nav {
   width: 50px;
   position: absolute;
@@ -487,16 +494,6 @@ button {
   height: 100vh;
   background: $secondary;
 
-  .left-off-canvas-logo {
-    text-align: center;
-    padding: 8px;
-    display: block;
-
-    img {
-      padding-top: 1px;
-    }
-  }
-
   ul.shortcuts {
     li {
       position: relative;