autofocus

src/lib/components/custom/claim-item-dialog.svelte

@@ -15,7 +15,7 @@
 </script>
 
 <Dialog.Root bind:open>
-	<Dialog.Content>
+	<Dialog.Content onOpenAutoFocus={(e) => e.preventDefault()}>
 		<Dialog.Header>
 			<Dialog.Title>Claim Item</Dialog.Title>
 			<Dialog.Description>
@@ -44,10 +44,7 @@
 					<div class="inline-block">
 						<div class="flex-1">{item?.description}</div>
 						{#if item?.foundLocation}
-							<div class="mt-2">
+							<span class="mt-2"><strong class="mr-1">Found at:</strong> {item.foundLocation}</span>
-								<LocationIcon class="float-left mr-1" size={24} />
-								<div>{item?.foundLocation}</div>
-							</div>
 						{/if}
 					</div>
 				</div>

src/lib/components/custom/inquire-item-dialog.svelte

@@ -16,7 +16,7 @@
 </script>
 
 <Dialog.Root bind:open>
-	<Dialog.Content>
+	<Dialog.Content onOpenAutoFocus={(e) => e.preventDefault()}>
 		<Dialog.Header>
 			<Dialog.Title>Item Inquiry</Dialog.Title>
 			<Dialog.Description>
@@ -45,10 +45,7 @@
 					<div class="inline-block">
 						<div class="flex-1">{item?.description}</div>
 						{#if item?.foundLocation}
-							<div class="mt-2">
+							<span class="mt-2 flex"><strong class="mr-1">Found at:</strong> {item.foundLocation}</span>
-								<LocationIcon class="float-left mr-1" size={24} />
-								<div>{item?.foundLocation}</div>
-							</div>
 						{/if}
 					</div>
 				</div>

src/lib/components/custom/item-listing.svelte

@@ -134,13 +134,13 @@
 			</div>
 		{:else}
 			<div class="mt-2 justify-between flex">
-				<Button variant="ghost" class="text-action"
+				<Button variant="ghost" class="text-action z-10"
-								onclick={() => {inquireCallback(item)}}>
+								onclick={(e) => {e.stopPropagation(); inquireCallback(item)}}>
 					<NotebookPenIcon />
 					Inquire
 				</Button>
-				<Button variant="ghost" class="text-primary"
+				<Button variant="ghost" class="text-primary z-10"
-								onclick={() => {claimCallback(item)}}>
+								onclick={(e) => {e.stopPropagation(); claimCallback(item)}}>
 					<StarIcon />
 					Claim
 				</Button>

src/lib/components/custom/submit-item-dialog.svelte

@@ -65,7 +65,7 @@
 </script>
 
 <Dialog.Root bind:open>
-	<Dialog.Content>
+	<Dialog.Content onOpenAutoFocus={(e) => e.preventDefault()}>
 		<Dialog.Header>
 			<Dialog.Title>Submit Found Item</Dialog.Title>
 			<Dialog.Description>

src/routes/items/[itemId]/inquiries/[inquiryId]/+page.svelte

@@ -64,10 +64,7 @@
 		<div class="">
 			<div class="flex-1">{data.item.description}</div>
 			{#if data.item.foundLocation}
-				<div class="mt-2">
+				<span class="mt-2"><strong class="mr-1">Found at:</strong> {item.foundLocation}</span>
-					<LocationIcon class="float-left mr-1" size={24} />
-					<div>{data.item.foundLocation}</div>
-				</div>
 			{/if}
 		</div>
 	</div>