remove cap-first classes

+ add padding 1rem to context menu child items

src/components/shared/SongItem.vue

@@ -27,10 +27,12 @@
         ></div>
       </div>
       <div @click="emitUpdate(track)">
-        <span class="ellip title cap-first">{{ track.title }}</span>
+        <div class="title ellip">
+          {{ track.title }}
+        </div>
       </div>
     </div>
-    <div class="song-artists cap-first">
+    <div class="song-artists">
       <div class="ellip" v-if="track.artists[0] !== ''">
         <span
           class="artist"
@@ -44,7 +46,7 @@
       </div>
     </div>
     <router-link
-      class="song-album ellip cap-first"
+      class="song-album ellip"
       :to="{
         name: 'AlbumView',
         params: {

src/components/shared/TrackItem.vue

@@ -23,11 +23,11 @@
       ></div>
     </div>
     <div class="tags">
-      <div class="title ellip cap-first">
+      <div class="title ellip">
        {{ props.track.title }}
       </div>
       <hr />
-      <div class="artist ellip cap-first">
+      <div class="artist ellip">
         <span v-for="artist in putCommas(props.track.artists)" :key="artist">{{
           artist
         }}</span>
@@ -37,11 +37,11 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue";
 import { ContextSrc } from "@/composables/enums";
 import { putCommas } from "@/composables/perks";
 import trackContext from "@/contexts/track_context";
 import { Track } from "@/interfaces";
+import { ref } from "vue";
 
 import { paths } from "@/config";
 import useContextStore from "@/stores/context";