chore: improve layout and spacing in LocationSelector

web/src/components/MemoEditor/ActionButton/LocationSelector.tsx

@@ -155,11 +155,11 @@ const LocationSelector = (props: Props) => {
         </Tooltip>
       </TooltipProvider>
       <PopoverContent align="center" className="w-[min(24rem,calc(100vw-2rem))] p-0">
-        <div className="flex flex-col gap-4 p-4">
-          <div className="w-full overflow-hidden rounded-lg border bg-muted/30 shadow-xs">
+        <div className="flex flex-col gap-2 p-0">
+          <div className="w-full overflow-hidden bg-muted/30">
             <LeafletMap key={JSON.stringify(state.initialized)} latlng={state.position} onChange={onPositionChanged} />
           </div>
-          <div className="w-full space-y-3">
+          <div className="w-full space-y-3 px-2 pb-2">
             <div className="grid grid-cols-2 gap-3">
               <div className="grid gap-1">
                 <Label htmlFor="memo-location-lat" className="text-xs font-medium uppercase tracking-wide text-muted-foreground">
@@ -207,8 +207,7 @@ const LocationSelector = (props: Props) => {
                 className="min-h-16"
               />
             </div>
-          </div>
-          <div className="flex items-center justify-end gap-2">
+            <div className="w-full flex items-center justify-end gap-2">
               <Button variant="ghost" size="sm" onClick={() => setPopoverOpen(false)}>
                 {t("common.cancel")}
               </Button>
@@ -230,6 +229,7 @@ const LocationSelector = (props: Props) => {
               </Button>
             </div>
           </div>
+        </div>
       </PopoverContent>
     </Popover>
   );