feat: condensed + colored sidenav

Signed-off-by: Corentin Thomasset <corentin.thomasset74@gmail.com>

CHANGELOG.md

@@ -3,6 +3,9 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Next
+- [ui] condensed + colored sidenav
+
 ## 1.3.0
 - [fix] [GithubContributors] ordered contributors by contribution count
 - [refactor] used vue-typecasting for number inputs

src/App.vue

@@ -11,7 +11,7 @@
                 <SearchBar class="hidden-sm-and-up"/>
             </template>
 
-            <v-list dense>
+            <v-list dense id="navigation-list">
 
                 <div v-for="section in items" :key="section.title">
                     <v-subheader class="mt-4 pl-4">{{section.title}}</v-subheader>
@@ -149,6 +149,18 @@
         }
     }
 
+    #navigation-list{
+        div:first-child .v-subheader{
+                margin-top: 0 !important;
+        }
+
+        .v-list-item__action{
+            margin: 8px 25px 8px 0;
+            .v-icon{
+                color: #4CAF50 !important;
+            }
+        }
+    }
 
     .v-navigation-drawer__content{
         .pretty-scrollbar;