fix player styling

src/components/Player.vue

@@ -22,9 +22,9 @@
 			:value="player.volume"
 			@input="changeVolume($event)"
 			@change="saveVolume($event)">
-		<span class="playerMetadata">
+		<div class="playerMetadata">
 			{{ player.title }}
-		</span>
+		</div>
 	</div>
 </template>
 
@@ -54,6 +54,10 @@ export default {
 
 <style>
 
+	#app-settings {
+		margin-bottom: -5px;
+	}
+
 	.wrap {
 		background: var(--color-main-background);
 		border: 3px solid #0082c9;
@@ -100,9 +104,14 @@ export default {
 	}
 
 	.playerMetadata{
+		position: relative;
+		left: 5px;
+		top: -20px;
+		width: 203px;
+		height: 20px;
 		white-space: nowrap;
 		overflow: hidden;
-		background: red;
+		text-overflow: ellipsis;
 	}
 
 	.volumeIcon {

src/store.js

@@ -15,7 +15,7 @@ export default new Vuex.Store({
 			isPaused: false,
 			volume: 0.5,
 			oldVolume: 0,
-			title: 'test',
+			title: '',
 		},
 		menu: 'top',
 	},