make hotkeys bigger

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;
     }
   }
 

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;

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;