adjust sidebar styling

Author: yyx990803

themes/vue/layout/index.ejs

@@ -1,7 +1,9 @@
 <div class="sidebar">
-  <ul class="main-menu">
-    <%- partial('partials/main_menu', { context: 'sidebar' }) %>
-  </ul>
+  <div class="sidebar-inner-index">
+    <ul class="main-menu">
+      <%- partial('partials/main_menu', { context: 'sidebar' }) %>
+    </ul>
+  </div>
 </div>
 
 <div id="hero">

themes/vue/source/css/_sidebar.styl

@@ -90,7 +90,7 @@
 @media screen and (max-width: 900px)
   .sidebar
     position: fixed
-    z-index: 8
+    z-index: 10
     background-color: #f9f9f9
     height: 100%
     top: 0
@@ -100,8 +100,10 @@
     -webkit-transform: translate(-280px, 0)
     transform: translate(-280px, 0)
     .sidebar-inner
-      padding: 60px 30px 30px
+      padding: 50px 10px 10px 20px
       box-sizing: border-box
+    .sidebar-inner-index
+      padding: 10px 10px 10px 20px
     .search-query
       width: 200px
       margin-bottom: 10px