remove cap-first classes

+ add padding 1rem to context menu child items

src/components/RightSideBar/Queue/playingFrom.vue

@@ -4,7 +4,7 @@
       <div class="icon image" :class="from.icon"></div>
       Playing from
     </div>
-    <div class="name cap-first">
+    <div class="name">
       <div id="to">
         {{ from.text }}
       </div>
@@ -13,15 +13,13 @@
 </template>
 
 <script setup lang="ts">
-import {
-  fromFolder,
-  fromAlbum,
-  fromPlaylist,
-  fromSearch,
-} from "@/interfaces";
 import { FromOptions } from "@/composables/enums";
-import { useRouter } from "vue-router";
+import {
+fromAlbum, fromFolder, fromPlaylist,
+fromSearch
+} from "@/interfaces";
 import { computed } from "@vue/reactivity";
+import { useRouter } from "vue-router";
 
 const props = defineProps<{
   from: fromFolder | fromAlbum | fromPlaylist | fromSearch;

src/components/RightSideBar/Search/TabsWrapper.vue

@@ -3,7 +3,7 @@
     <div class="tab-buttons-wrapper">
       <div id="tabheaders" class="rounded noscroll">
         <div
-          class="tab cap-first"
+          class="tab"
           v-for="slot in $slots.default()"
           :key="slot.key"
           @click="s.changeTab(slot.props.name)"