From f3c64ac7b18a391feb603210050c3a1f7f459289 Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Thu, 12 Nov 2020 11:37:30 +0100
Subject: [PATCH] fix player styling

---
 src/components/Player.vue | 15 ++++++++++++---
 src/store.js              |  2 +-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index e2a0324..6c27f4b 100644
--- a/src/components/Player.vue
+++ b/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 {
diff --git a/src/store.js b/src/store.js
index 612047d..96e8d11 100644
--- a/src/store.js
+++ b/src/store.js
@@ -15,7 +15,7 @@ export default new Vuex.Store({
 			isPaused: false,
 			volume: 0.5,
 			oldVolume: 0,
-			title: 'test',
+			title: '',
 		},
 		menu: 'top',
 	},