From 49acc1a88f8237365c78ec451889c92a5942534d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Sat, 20 Aug 2022 12:19:52 +0200
Subject: [PATCH] Small styling fix for the controls bar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/Controls.vue       |  5 +++-
 src/components/icons/DeckIcon.vue | 48 ++++++++++++++++++++++---------
 src/main.js                       |  3 +-
 3 files changed, 40 insertions(+), 16 deletions(-)

diff --git a/src/components/Controls.vue b/src/components/Controls.vue
index f48c814ac..bc0701a7e 100644
--- a/src/components/Controls.vue
+++ b/src/components/Controls.vue
@@ -380,7 +380,7 @@ export default {
 <style lang="scss" scoped>
 	.controls {
 		display: flex;
-		padding: 3px;
+		margin: 5px;
 		height: 44px;
 		padding-left: 44px;
 
@@ -431,6 +431,9 @@ export default {
 	}
 
 	.deck-search {
+		display: flex;
+		align-items: center;
+		justify-content: center;
 		input[type=search] {
 			background-position: 5px;
 			padding-left: 24px;
diff --git a/src/components/icons/DeckIcon.vue b/src/components/icons/DeckIcon.vue
index 185c37348..c5948827b 100644
--- a/src/components/icons/DeckIcon.vue
+++ b/src/components/icons/DeckIcon.vue
@@ -1,19 +1,39 @@
 <template>
-    <svg xmlns="http://www.w3.org/2000/svg" :height="size" :width="size" version="1.1" viewBox="0 0 16 16">
-        <rect ry="1" height="8" width="14" y="7" x="1"/>
-        <rect ry=".5" height="1" width="12" y="5" x="2"/>
-        <rect ry=".5" height="1" width="10" y="3" x="3"/>
-        <rect ry=".5" height="1" width="8" y="1" x="4"/>
-    </svg>
+	<svg xmlns="http://www.w3.org/2000/svg"
+		:height="size"
+		:width="size"
+		version="1.1"
+		viewBox="0 0 16 16">
+		<rect ry="1"
+			height="8"
+			width="14"
+			y="7"
+			x="1" />
+		<rect ry=".5"
+			height="1"
+			width="12"
+			y="5"
+			x="2" />
+		<rect ry=".5"
+			height="1"
+			width="10"
+			y="3"
+			x="3" />
+		<rect ry=".5"
+			height="1"
+			width="8"
+			y="1"
+			x="4" />
+	</svg>
 </template>
 <script>
 export default {
-    name: 'DeckIcon',
-    props: {
-        size: {
-            type: Number,
-            default: 16,
-        },
-    },
+	name: 'DeckIcon',
+	props: {
+		size: {
+			type: Number,
+			default: 16,
+		},
+	},
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/main.js b/src/main.js
index 86f30320a..cacbf01aa 100644
--- a/src/main.js
+++ b/src/main.js
@@ -76,8 +76,9 @@ window.addEventListener('DOMContentLoaded', () => {
 
 /* eslint-disable-next-line no-new */
 new Vue({
-	name: 'Deck',
 	el: '#content',
+	// eslint-disable-next-line vue/match-component-file-name
+	name: 'Deck',
 	router,
 	store,
 	data() {