From e9faa09614575bf4a043bf6be8465ebfd8458ca6 Mon Sep 17 00:00:00 2001
From: Austen Adler <agadler@austenadler.com>
Date: Mon, 17 Apr 2023 19:47:27 -0400
Subject: [PATCH] Format share table

---
 web-frontend/src/routes/app/CoordinateInfo.svelte | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/web-frontend/src/routes/app/CoordinateInfo.svelte b/web-frontend/src/routes/app/CoordinateInfo.svelte
index 6c47cf8..7a37839 100644
--- a/web-frontend/src/routes/app/CoordinateInfo.svelte
+++ b/web-frontend/src/routes/app/CoordinateInfo.svelte
@@ -21,7 +21,7 @@
 	});
 </script>
 
-<table class="table-auto">
+<table class="table-auto m-4">
 	<tr>
 		<th>Format</th>
 		<th>Value</th>
@@ -30,21 +30,21 @@
 
 	{#each urlFormats as format}
 		<tr class="m-4 border">
-			<th>{format.toUpperCase()}</th>
+			<th class="p-4 border">{format.toUpperCase()}</th>
 			<td class="p-4 border">
 				<a class="text-blue-600 p-4" href={xpin.coordinateUrls[format]} target="_blank"
 					>Open in {format}</a
 				>
 			</td>
-			<td><CopyButton data={xpin.coordinateUrls[format]} /></td>
+			<td class="p-4 border"><CopyButton data={xpin.coordinateUrls[format]} /></td>
 		</tr>
 	{/each}
 
 	{#each formats as format}
-		<tr>
-			<th>{format.toUpperCase()}</th>
-			<td>{xpin.allCoordinates[format]}</td>
-			<td><CopyButton data={xpin.allCoordinates[format]} /></td>
+		<tr class="m-4 border">
+			<th class="p-4 border">{format.toUpperCase()}</th>
+			<td class="p-4 border">{xpin.allCoordinates[format]}</td>
+			<td class="p-4 border"><CopyButton data={xpin.allCoordinates[format]} /></td>
 		</tr>
 	{/each}
 </table>