From 26ab354a1d9d2438c2c22f43ae24456e6a0a6421 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Sat, 25 Dec 2021 21:09:26 +0300
Subject: [PATCH] minor changes

---
 src/components/LeftSidebar/Navigation.vue  | 10 ++++++----
 src/components/RightSideBar/NowPlaying.vue |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/LeftSidebar/Navigation.vue b/src/components/LeftSidebar/Navigation.vue
index dfa8d5da..528317b2 100644
--- a/src/components/LeftSidebar/Navigation.vue
+++ b/src/components/LeftSidebar/Navigation.vue
@@ -85,10 +85,15 @@ export default {
 }
 
 .side-nav-container {
+  padding: $small;
   color: #fff;
   border-top: 1px solid var(--separator);
   margin-bottom: 10px;
   padding-top: 10px;
+
+  .nav-button {
+    border-radius: $small;
+  }
 }
 
 .side-nav-container .nav-button {
@@ -98,18 +103,15 @@ export default {
   background-color: transparent;
   height: 100%;
   padding: 10px;
-  // transition: all .3s ease-in-out;
-  // transition-delay: 1s;
 }
 
 .collapsed .nav-button {
   font-size: smaller;
   margin-top: 5px;
-  // transition: all 2s ease-in-out;
 }
 
 .side-nav-container .nav-button:hover {
-  background-color: rgba(220, 20, 60, 0.5);
+  background-color: rgb(5, 80, 150);
 }
 
 .side-nav-container .nav-button .nav-icon {
diff --git a/src/components/RightSideBar/NowPlaying.vue b/src/components/RightSideBar/NowPlaying.vue
index 0908406f..1bd3e993 100644
--- a/src/components/RightSideBar/NowPlaying.vue
+++ b/src/components/RightSideBar/NowPlaying.vue
@@ -240,7 +240,7 @@ export default {
     .fav *:hover,
     .shuffle *:hover,
     .nav *:hover {
-      background-color: black;
+      background-color: rgb(5, 80, 150);
     }
   }