From bb66ba70b326d7e81b3d77355a482f1c24108177 Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Sat, 8 Oct 2022 16:39:52 +0300
Subject: [PATCH] make hotkeys bigger

---
 src/components/BottomBar.vue              | 3 +--
 src/components/LeftSidebar/NP/HotKeys.vue | 8 ++++----
 src/views/PlaylistList.vue                | 3 +--
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/BottomBar.vue b/src/components/BottomBar.vue
index e72caaba..b9d58814 100644
--- a/src/components/BottomBar.vue
+++ b/src/components/BottomBar.vue
@@ -193,12 +193,11 @@ const settings = useSettingsStore();
     }
 
     .buttons {
-      height: 3.25rem;
+      height: 100%;
       margin-top: -$smaller;
       background-color: rgba(255, 255, 255, 0.048);
       display: grid;
       place-items: center;
-      padding: 0 $small;
     }
   }
 
diff --git a/src/components/LeftSidebar/NP/HotKeys.vue b/src/components/LeftSidebar/NP/HotKeys.vue
index c65b7fb8..1f495c14 100644
--- a/src/components/LeftSidebar/NP/HotKeys.vue
+++ b/src/components/LeftSidebar/NP/HotKeys.vue
@@ -26,14 +26,14 @@ const q = useQStore();
 <style lang="scss">
 .hotkeys {
   display: grid;
-  grid-template-columns: 2rem 4rem 2rem;
-  gap: 1rem;
-  width: 100%;
+  grid-template-columns: 4rem 4rem 4rem;
+  height: 100%;
 
   button {
-    height: 2rem;
+    height: 100%;
     padding: 0;
     background: none;
+    border-radius: 0;
 
     &:hover {
       background: $darkestblue;
diff --git a/src/views/PlaylistList.vue b/src/views/PlaylistList.vue
index 4d9e2257..70bcda5d 100644
--- a/src/views/PlaylistList.vue
+++ b/src/views/PlaylistList.vue
@@ -21,8 +21,7 @@ const pStore = usePStore();
 
 <style lang="scss">
 #p-view {
-  scrollbar-color: $gray2 transparent;
-  padding-bottom: 4rem;
+  padding-bottom: $content-padding-bottom;
   height: 100%;
   overflow: auto;