From 457df764d8ff9b67d996f418adb98fd9cb5e839d Mon Sep 17 00:00:00 2001 From: Patrick Joyce Date: Sun, 9 Jun 2024 09:43:18 -0400 Subject: [PATCH] css --- src/routes/Geolocator.svelte | 36 +++++++++++++++++++----------------- src/styles/main.css | 30 +++++++++++++++++++++++++++++- 2 files changed, 48 insertions(+), 18 deletions(-) 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) {