From 9e8e30c5c680ca81862e4fba5f7ae9ecea62b8ff Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Mon, 4 Jul 2022 21:19:11 +1000
Subject: Update IconButton to maintain equal width/height

---
 src/components/TileInfoModal.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

(limited to 'src/components/TileInfoModal.vue')

diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue
index 29901ee..8c2363b 100644
--- a/src/components/TileInfoModal.vue
+++ b/src/components/TileInfoModal.vue
@@ -36,10 +36,9 @@
 					</a>
 					<s-collapsible class="text-sm text-center max-w-full md:max-w-[200px] mx-auto">
 						<template v-slot:summary="slotProps">
-							<div class="py-1">
-								<down-icon class="inline-block w-4 h-4 transition-transform duration-300"
-									:class="{'-rotate-90': !slotProps.collapsed}"/>
-								Source Information
+							<div class="py-1 hover:underline">
+								<down-icon class="inline-block w-4 h-4 mr-1 transition-transform duration-300"
+									:class="{'-rotate-90': !slotProps.collapsed}"/>Source Information
 							</div>
 						</template>
 						<template v-slot:content>
@@ -82,9 +81,8 @@
 				<div v-if="descInfos[idx]! != null">
 					<div>{{descInfos[idx]!.text}}</div>
 					<div class="text-sm text-right">
-						From
 						<a :href="'https://en.wikipedia.org/?curid=' + descInfos[idx]!.wikiId"
-							target="_blank">Wikipedia</a>
+							target="_blank">From Wikipedia</a>
 						<external-link-icon class="inline-block w-3 h-3 ml-1"/>
 						{{descInfos[idx]!.fromDbp ? '(via DBpedia)' : ''}}
 					</div>
-- 
cgit v1.2.3