Song item h6 styling fix

frontend/src/components/Confirm.vue

@@ -5,21 +5,10 @@
 		theme="confirm"
 		ref="confirm"
 		trigger="click"
-		@click.shift="confirm()"
 	>
-		<template #trigger @click.shift="confirm()">
+		<template #trigger>
 			<slot />
 		</template>
-		<a @click.prevent="confirm()"> Confirm </a>
+		<a @click.prevent="$emit('confirm')"> Confirm </a>
 	</tippy>
 </template>
-
-<script>
-export default {
-	methods: {
-		confirm() {
-			this.$emit("confirm");
-		}
-	}
-};
-</script>

frontend/src/components/SongItem.vue

@@ -267,15 +267,16 @@ export default {
 			font-family: Karla, Arial, sans-serif;
 		}
 
+		h6 {
+			color: var(--primary-color) !important;
+			font-weight: bold;
+			font-size: 17px;
+			margin-bottom: 5px;
+		}
+
 		.song-title {
 			display: flex;
 			flex-direction: row;
-			h6 {
-				color: var(--primary-color) !important;
-				font-weight: bold;
-				font-size: 17px;
-				margin-bottom: 5px;
-			}
 			.verified-song {
 				margin-left: 5px;
 			}