From d554c2ffc79dccc366626270760a73a7cf6772aa Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Tue, 5 Jul 2022 16:09:02 +1000
Subject: Remove some redundant display:block specifiers

---
 src/components/HelpModal.vue     | 4 ++--
 src/components/LoadingModal.vue  | 2 +-
 src/components/SearchModal.vue   | 2 +-
 src/components/SettingsModal.vue | 2 +-
 src/components/TileInfoModal.vue | 2 +-
 src/components/TutorialPane.vue  | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
index 0356db8..6cdd521 100644
--- a/src/components/HelpModal.vue
+++ b/src/components/HelpModal.vue
@@ -3,7 +3,7 @@
 	<div class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2
 		w-[90%] max-w-[16cm] max-h-[80%] overflow-auto" :style="styles">
 		<close-icon @click.stop="onClose" ref="closeIcon"
-			class="block absolute top-1 right-1 md:top-2 md:right-2 w-8 h-8 hover:cursor-pointer"/>
+			class="absolute top-1 right-1 md:top-2 md:right-2 w-8 h-8 hover:cursor-pointer"/>
 		<h1 class="text-center text-xl font-bold pt-2 pb-1">Help</h1>
 		<div class="flex flex-col gap-2 p-2">
 			<s-collapsible :class="scClasses">
@@ -444,7 +444,7 @@ export default defineComponent({
 			return "relative text-center p-1 bg-stone-300 hover:brightness-90 hover:bg-lime-200 md:p-2";
 		},
 		downIconClasses(): string {
-			return 'block absolute w-6 h-6 my-auto mx-1 transition-transform duration-300';
+			return 'absolute w-6 h-6 my-auto mx-1 transition-transform duration-300';
 		},
 		downIconExpandedClasses(): string {
 			return this.downIconClasses + ' -rotate-90';
diff --git a/src/components/LoadingModal.vue b/src/components/LoadingModal.vue
index 6ef7a97..a338670 100644
--- a/src/components/LoadingModal.vue
+++ b/src/components/LoadingModal.vue
@@ -2,7 +2,7 @@
 <div class="fixed left-0 top-0 w-full h-full bg-black/40">
 	<div class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2
 		flex items-center py-3 px-3 gap-2" :style="styles">
-		<loader-icon class="block w-12 h-12 animate-[spin_6s_linear_infinite]"/>
+		<loader-icon class="w-12 h-12 animate-[spin_6s_linear_infinite]"/>
 		<div class="whitespace-nowrap">Querying server ...</div>
 	</div>
 </div>
diff --git a/src/components/SearchModal.vue b/src/components/SearchModal.vue
index e9abef5..f350bcb 100644
--- a/src/components/SearchModal.vue
+++ b/src/components/SearchModal.vue
@@ -6,7 +6,7 @@
 			@keyup.enter="onSearch" @keyup.esc="onClose"
 			@input="onInput" @keydown.down.prevent="onDownKey" @keydown.up.prevent="onUpKey"/>
 		<div class="p-1 hover:cursor-pointer">
-			<search-icon @click.stop="onSearch" class="block w-8 h-8"/>
+			<search-icon @click.stop="onSearch" class="w-8 h-8"/>
 		</div>
 		<div class="absolute top-[100%] w-full overflow-hidden" :style="suggContainerStyles">
 			<div v-for="(sugg, idx) of searchSuggs"
diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue
index baa16a5..f0b9dc0 100644
--- a/src/components/SettingsModal.vue
+++ b/src/components/SettingsModal.vue
@@ -3,7 +3,7 @@
 	<div class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2
 		min-w-[8cm] max-w-[80%] max-h-[80%] overflow-auto" :style="styles">
 		<close-icon @click.stop="onClose" ref="closeIcon"
-			class="block absolute top-1 right-1 md:top-2 md:right-2 w-8 h-8 hover:cursor-pointer" />
+			class="absolute top-1 right-1 md:top-2 md:right-2 w-8 h-8 hover:cursor-pointer" />
 		<h1 class="text-xl md:text-2xl font-bold text-center py-2" :class="borderBClasses">Settings</h1>
 		<div class="pb-2" :class="borderBClasses">
 			<h2 class="font-bold md:text-xl text-center pt-1 md:pt-2 md:pb-1">Timing</h2>
diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue
index 8c2363b..92d19de 100644
--- a/src/components/TileInfoModal.vue
+++ b/src/components/TileInfoModal.vue
@@ -5,7 +5,7 @@
 		:style="styles">
 		<div class="pb-1 md:pb-2">
 			<close-icon @click.stop="onClose" ref="closeIcon"
-				class="block absolute top-1 right-1 md:m-2 w-8 h-8 hover:cursor-pointer"/>
+				class="absolute top-1 right-1 md:m-2 w-8 h-8 hover:cursor-pointer"/>
 			<h1 class="text-center text-xl font-bold pt-2 pb-1 mx-10 md:text-2xl md:pt-3 md:pb-1">
 				{{getDisplayName(nodeName, tolNode)}}
 			</h1>
diff --git a/src/components/TutorialPane.vue b/src/components/TutorialPane.vue
index 0734d0b..7667f60 100644
--- a/src/components/TutorialPane.vue
+++ b/src/components/TutorialPane.vue
@@ -1,7 +1,7 @@
 <template>
 <div :style="styles" class="relative flex flex-col justify-between">
 	<close-icon @click.stop="onClose"
-		class="block absolute top-2 right-2 w-8 h-8 hover:cursor-pointer"/>
+		class="absolute top-2 right-2 w-8 h-8 hover:cursor-pointer"/>
 	<h1 class="text-center text-lg font-bold pt-3 pb-2">
 		{{stage == 0 ? 'Welcome' : `Tutorial (Step ${stage} of ${lastStage})`}}
 	</h1>
-- 
cgit v1.2.3