User side menu styling

app/assets/stylesheets/user/foundation/application.css.sass

@@ -3,8 +3,7 @@
 @import font-awesome
 @import constants
 @import ./structure
-@import ./menu_main
-@import ./menu_side
+@import ./components/*
 @import ./qmodal
 @import ./display_fields
 @import ./qproduct_orders
@@ -13,4 +12,3 @@
 @import ./qindex
 @import ./qlists
 @import ./qjoin_requests
-

app/assets/stylesheets/user/foundation/components/_menu_main.css.sass

@@ -68,17 +68,3 @@ header.top-menu
   @extend .fa-check
   @extend .fa-lg
   margin-left: 3px
-.toggle-side-menu
-  position: absolute
-  width: 28px
-  height: 28px
-  color: white
-  left: 0
-  cursor: pointer
-  z-index: 100
-  &.open
-    color: white
-  span
-    @extend .fa
-    @extend .fa-bars
-    @extend .fa-lg

app/assets/stylesheets/user/foundation/components/_menu_side.css.sass

@@ -0,0 +1,43 @@
+aside.side-menu
+  background-color: #444
+  position: fixed
+  display: none
+  left: -222px
+  top: 0
+  width: 222px
+  height: 100%
+  z-index: 157
+  > ul
+    list-style: none
+    a
+      color: white
+    .title
+      border-bottom: 1px solid #aaa
+  h3
+    color: white
+    margin-bottom: 3px
+  .scan-qr-icon
+    margin-right: 18px
+    @extend .fa
+    @extend .fa-qrcode
+  .fa-glass
+    margin-right: 5px
+  .active-list-icon
+    margin-right: 18px
+    @extend .fa
+    @extend .fa-list
+
+.toggle-side-menu
+  position: absolute
+  width: 28px
+  height: 28px
+  color: white
+  left: 0
+  cursor: pointer
+  z-index: 100
+  &.open
+    color: white
+  span
+    @extend .fa
+    @extend .fa-lg
+    @extend .fa-bars

app/assets/stylesheets/user/foundation/menu_side.css.sass

@@ -1,13 +0,0 @@
-aside.side-menu
-  background-color: #444
-  position: fixed
-  display: none
-  left: -222px
-  top: 0
-  width: 222px
-  height: 100%
-  z-index: 157
-  > ul
-    list-style: none
-    a
-      color: white