Update button style, to improve looks while adding a large enough touch-target

src/lib/components/ui/cards/NearbyStationsCard.svelte

@@ -22,8 +22,7 @@
 					<div
 						class="btn-container"
 						animate:flip={{ duration: flipDuration }}
-						in:fade={{ duration: 200, delay: 100 }}
-						out:fade={{ duration: 150 }}
+						transition:fade|global={{ duration: 300 }}
 					>
 						<Button href={`/board?loc=${station.c}`}
 							><span class="stn-name">{station.n}</span></Button
@@ -37,8 +36,13 @@
 
 <style>
 	.card-content {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
 		text-align: center;
 		width: 90%;
+		min-height: 98px;
 		margin: auto;
 		padding: 10px 0 10px 0;
 	}
@@ -46,14 +50,14 @@
 	.stations-flex {
 		display: flex;
 		flex-wrap: wrap;
-		gap: 0.75rem;
+		gap: 0.1rem 0.5rem;
 		justify-content: center;
 		align-items: flex-start;
 	}
 
 	.btn-container {
 		display: block;
-        width: fit-content;
+		width: fit-content;
 		will-change: transform;
 	}