From e20cbc6d93352f0054c066d2d17f9823c0990427 Mon Sep 17 00:00:00 2001
From: Austen Adler <agadler@austenadler.com>
Date: Sun, 19 Mar 2023 14:00:08 -0400
Subject: [PATCH] Format location control

---
 web-frontend/src/lib/Map.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web-frontend/src/lib/Map.svelte b/web-frontend/src/lib/Map.svelte
index 35a94a7..1d4b948 100644
--- a/web-frontend/src/lib/Map.svelte
+++ b/web-frontend/src/lib/Map.svelte
@@ -81,9 +81,13 @@
 </script>
 
 <div id="container" class="h-3/4">
+	<!-- TODO: I want to set the border background to some tailwind class, but I don't know how.
+    This is to copy .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar border style
+    -->
 	<label
 		bind:this={locationControl}
-		class="bg-white p-2 border-black border-solid"
+		style="border-color: rgba(0,0,0,0.2);"
+		class="bg-white p-2 border-2 border-solid rounded"
 		on:click|stopPropagation
 	>
 		<input type="checkbox" bind:checked={locationChecked} on:change={locationCheckedChanged} />