diff --git a/src/routes/Geolocator.svelte b/src/routes/Geolocator.svelte
index 534c4c1..d4d0966 100644
--- a/src/routes/Geolocator.svelte
+++ b/src/routes/Geolocator.svelte
@@ -284,23 +284,25 @@
{$lookupResult.lat ?? ''}
-
-
- {#if $showMap}
-
- {/if}
-
-
-
- {#if $showDebug}
-
{JSON.stringify($rawGeocodeResponse, null, 2)}
- {/if}
+
+
+
+ {#if $showMap}
+
+ {/if}
+
+
+
+ {#if $showDebug}
+
{JSON.stringify($rawGeocodeResponse, null, 2)}
+ {/if}
+
diff --git a/src/styles/main.css b/src/styles/main.css
index 80769a0..4de81ee 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -212,10 +212,38 @@ a:active {
#bmlt_tools_main_container label.checkbox-label {
display: flex;
align-items: center;
+ margin-bottom: 15px;
+ font-size: 20px;
}
#bmlt_tools_main_container input[type='checkbox'] {
- margin-right: 8px;
+ margin-right: 10px;
+ transform: scale(1.5);
+}
+
+#map {
+ width: 100%;
+ height: 600px;
+ border: 2px solid #ccc;
+ border-radius: 8px;
+ margin-top: 15px;
+}
+
+.map-container {
+ padding: 20px;
+ font-size: 18px;
+ max-width: 800px;
+ margin: auto;
+}
+
+.debug-container pre {
+ background-color: #f8f8f8;
+ padding: 15px;
+ border: 1px solid #ccc;
+ border-radius: 8px;
+ margin-top: 15px;
+ font-size: 16px;
+ overflow: auto;
}
@media (max-width: 768px) {