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">
-								<LocationIcon class="float-left mr-1" size={24} />
-								<div>{item?.foundLocation}</div>
-							</div>
+							<span class="mt-2"><strong class="mr-1">Found at:</strong> {item.foundLocation}</span>
 						{/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">
-								<LocationIcon class="float-left mr-1" size={24} />
-								<div>{item?.foundLocation}</div>
-							</div>
+							<span class="mt-2 flex"><strong class="mr-1">Found at:</strong> {item.foundLocation}</span>
 						{/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"
-								onclick={() => {inquireCallback(item)}}>
+				<Button variant="ghost" class="text-action z-10"
+								onclick={(e) => {e.stopPropagation(); inquireCallback(item)}}>
 					<NotebookPenIcon />
 					Inquire
 				</Button>
-				<Button variant="ghost" class="text-primary"
-								onclick={() => {claimCallback(item)}}>
+				<Button variant="ghost" class="text-primary z-10"
+								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>