style: fix leaflet control overlap

README.md

@@ -1 +1,3 @@
 # KONULU KONUM
+
+https://konulukonum.com

astro.config.mjs

@@ -10,5 +10,5 @@ export default defineConfig({
     applyBaseStyles: false
   })],
   output: "static",
-  site: devMode ? "http://localhost:4321" : "https://konulukonum.log101.dev"
+  site: devMode ? "http://localhost:4321" : "https://konulukonum.com"
 });

src/layouts/Layout.astro

@@ -12,10 +12,10 @@ import "toastify-js/src/toastify.css"
     <link rel='icon' type='image/jpg' href='/konulu-konum-logo.jpg' />
     <meta property='og:title' content='Konulu Konum' />
     <meta property='og:description' content='Sevdiklerinizi şaşırtın!' />
-    <meta property='og:url' content='https://konulukonum.log101.dev' />
+    <meta property='og:url' content='https://konulukonum.com' />
     <meta
       property='og:image'
-      content='https://konulukonum.log101.dev/konulu-konum-logo.jpg'
+      content='https://konulukonum.com/konulu-konum-logo.jpg'
     />
     <meta name='twitter:card' content='summary' />
     <meta name='generator' content={Astro.generator} />

src/pages/index.astro

@@ -36,12 +36,12 @@ const backendUrl = import.meta.env.PUBLIC_BACKEND_URL
         <p class='leading-7 [&:not(:first-child)]:mt-6 text-2xl'>
           Bir fotoğraf seçin.
         </p>
-        <div class='grid w-full max-w-sm items-center gap-1.5 mt-4'>
+        <div class='grid items-center gap-1.5 mt-4'>
           <input
             type='file'
             name='selected-photo'
             id='photo-selector'
-            class='p-2 border border-gray rounded-lg file:bg-inherit file:border-0'
+            class='flex w-full p-2 border border-gray rounded-lg file:bg-inherit file:border-0'
             required
           />
           <p class='px-2 text-lg text-muted-foreground'>

src/scripts/initSelectionMap.ts

@@ -197,7 +197,7 @@ const currentLocationControl = new CurrentLocationControl({
   position: "bottomleft",
 })
 
-const radiusControl = new RadiusControl({ position: "bottomright" })
+const radiusControl = new RadiusControl({ position: "topright" })
 
 askPermissionControl.addTo(map)