Sidebar and no-select changes

resources/assets/sass/_helpers.scss

@@ -9,3 +9,12 @@
 .margin-bottom {
     margin-bottom: 20px;
 }
+
+.no-select {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}

resources/assets/sass/pages/_dashboard.scss

@@ -8,12 +8,12 @@
 }
 
 .component-group-name{
-  font-size: 18px;
-  padding-left: 10px;
+    font-size: 18px;
+    padding-left: 10px;
 }
 
 .component-group-other{
-  font-size: 18px;
+    font-size: 18px;
 }
 
 @import "modules/stats";

resources/assets/sass/partials/_sidebar.scss

@@ -218,7 +218,12 @@ body.dashboard {
             margin: 0;
             text-align: center;
             font-size: 19px;
-            padding: 30px 0;
+            padding: 30px 15px 15px 15px;
+        }
+
+        hr {
+            margin-top: 5px;
+            margin-bottom: 5px;
         }
 
         ul.menu {

resources/views/dashboard/index.blade.php

@@ -18,7 +18,7 @@
 
     <div class="row">
       <div class="col-md-12">
-          <div class="section-components">
+          <div class="section-components no-select">
               @if(!$component_groups->isEmpty() || !$ungrouped_components->isEmpty())
               @include('dashboard.partials.components')
               @else

resources/views/dashboard/partials/sub-sidebar.blade.php

@@ -3,6 +3,7 @@
         <i class="ion ion-navicon"></i>
     </div>
     <h3>{{ $sub_title }}</h3>
+    <hr>
     <ul class="menu">
         @foreach($sub_menu as $key => $item)
         <li><a href="{{ $item['url'] }}" class="{{ $item['active'] ? 'active' : null }}"><i class="ion {{ $item['icon'] }}"></i> {{ $item['title'] }}</a></li>