From 854a57ea5b10585e45cac0d7ffe2853aa542d5dc Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Thu, 11 Apr 2019 15:39:44 +0200
Subject: [PATCH] Small css fixes, consistency (#968)

---
 packages/apps/src/SideBar/SideBar.css | 12 ++++++------
 packages/apps/src/SideBar/index.tsx   |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/apps/src/SideBar/SideBar.css b/packages/apps/src/SideBar/SideBar.css
index c4ef5335b5..99b88ad8a7 100644
--- a/packages/apps/src/SideBar/SideBar.css
+++ b/packages/apps/src/SideBar/SideBar.css
@@ -51,7 +51,6 @@
     display: flex;
     flex-flow: column;
     height: auto;
-    left: 0;
     position: relative;
     transition: left 0.3s linear;
     width: 100%;
@@ -60,15 +59,16 @@
       display: flex;
       height: 100vh;
       margin: 0;
-      padding-bottom: 5rem;
-      top: 0px;
+      top: 0;
       width: 100%;
+      position: sticky;
     }
 
     .apps-SideBar-Scroll {
       align-items: center;
       display: flex;
       flex-direction: column;
+      height: 100vh;
       overflow-y: scroll;
       width: 100%;
 
@@ -99,7 +99,7 @@
       background: #3f3f3f;
       bottom: 0;
       left: 0;
-      padding: 1rem 0 0.75rem 0.5rem;
+      padding: 1rem 0 .75rem .5rem;
       position: sticky;
       right: 0;
       text-align: left;
@@ -132,8 +132,8 @@
   &.expanded .apps--SideBar {
     text-align: left;
 
-    .ui.vertical.menu {
-      padding-left: 0.7rem;
+    .apps-SideBar-Scroll {
+      padding-left: 0.75rem;
     }
   }
 
diff --git a/packages/apps/src/SideBar/index.tsx b/packages/apps/src/SideBar/index.tsx
index 95d3e6a40d..5c7a0ecaf4 100644
--- a/packages/apps/src/SideBar/index.tsx
+++ b/packages/apps/src/SideBar/index.tsx
@@ -89,8 +89,8 @@ class SideBar extends React.PureComponent<Props> {
                   : <NodeInfo />
               }
             </div>
+            {this.renderCollapse()}
           </Menu>
-          {this.renderCollapse()}
           {this.renderToggleBar()}
         </div>
       </Responsive>