From aca323ccf62a58ffa54005c95ae302b72b0927f2 Mon Sep 17 00:00:00 2001
From: Austen Adler <agadler@austenadler.com>
Date: Sun, 12 Mar 2023 23:57:29 -0400
Subject: [PATCH] Fix styling

---
 web-frontend/src/routes/+layout.svelte   |  2 +-
 web-frontend/src/routes/+page.svelte     |  4 +-
 web-frontend/src/routes/app/+page.svelte | 48 ++++++++++++------------
 3 files changed, 29 insertions(+), 25 deletions(-)

diff --git a/web-frontend/src/routes/+layout.svelte b/web-frontend/src/routes/+layout.svelte
index 13d60a8..66badde 100644
--- a/web-frontend/src/routes/+layout.svelte
+++ b/web-frontend/src/routes/+layout.svelte
@@ -40,7 +40,7 @@
 		</nav>
 	</header>
 
-	<div class="p-6 flex-grow">
+	<div class="flex-grow">
 		<slot />
 	</div>
 </main>
diff --git a/web-frontend/src/routes/+page.svelte b/web-frontend/src/routes/+page.svelte
index b32d4db..68bb80f 100644
--- a/web-frontend/src/routes/+page.svelte
+++ b/web-frontend/src/routes/+page.svelte
@@ -1,4 +1,6 @@
 <script>
 </script>
 
-<h2>Home</h2>
+<div class="p-6">
+	<h1 class="font-bold text-2xl pb-4">Home</h1>
+</div>
diff --git a/web-frontend/src/routes/app/+page.svelte b/web-frontend/src/routes/app/+page.svelte
index a462788..737a352 100644
--- a/web-frontend/src/routes/app/+page.svelte
+++ b/web-frontend/src/routes/app/+page.svelte
@@ -64,30 +64,32 @@
 	};
 </script>
 
-<h2>Encode</h2>
+<div class="p-6">
+	<h1 class="font-bold text-2xl pb-4">App</h1>
 
-<p>{outputValue}</p>
-{#if wasm.status == WasmStatus.Loaded || wasm.status == WasmStatus.NotLoaded}
-	<p>Current cursor: {addr} => ({latlng.lat}, {latlng.lng})</p>
+	<p>{outputValue}</p>
+	{#if wasm.status == WasmStatus.Loaded || wasm.status == WasmStatus.NotLoaded}
+		<p>Current cursor: {addr} => ({latlng.lat}, {latlng.lng})</p>
 
-	<AddressInput bind:value={addr} on:input={input} />
+		<AddressInput bind:value={addr} on:input={input} />
 
-	<Map bind:map />
-{:else if wasm.status == WasmStatus.Errored}
-	<div class="flex">
-		<div class="py-1">
-			<svg
-				class="fill-current h-6 w-6 text-teal-500 mr-4"
-				xmlns="http://www.w3.org/2000/svg"
-				viewBox="0 0 20 20"
-				><path
-					d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z"
-				/></svg
-			>
+		<Map bind:map />
+	{:else if wasm.status == WasmStatus.Errored}
+		<div class="flex text-xl">
+			<div class="py-1">
+				<svg
+					class="fill-current h-6 w-6 text-teal-500 mr-4"
+					xmlns="http://www.w3.org/2000/svg"
+					viewBox="0 0 20 20"
+					><path
+						d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z"
+					/></svg
+				>
+			</div>
+			<div>
+				<p class="font-bold">Could not start core module</p>
+				<p class="text-sm">Error: {wasm.error}.</p>
+			</div>
 		</div>
-		<div>
-			<p class="font-bold">Could not start core module</p>
-			<p class="text-sm">Error: {wasm.error}.</p>
-		</div>
-	</div>
-{/if}
+	{/if}
+</div>