From b65472ce96bb2f0ce80e58b0d50386c46a172c84 Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Sun, 21 Jun 2020 11:31:22 +0200
Subject: [PATCH] feat: condensed + colored sidenav

Signed-off-by: Corentin Thomasset <corentin.thomasset74@gmail.com>
---
 CHANGELOG.md |  3 +++
 src/App.vue  | 14 +++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 20daac13..0b8fd2da 100644
--- a/CHANGELOG.md
+++ b/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
diff --git a/src/App.vue b/src/App.vue
index e6b84fa3..a586f3ea 100644
--- a/src/App.vue
+++ b/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;