From 681b15e793b951459280db9fb3269b612644dbd2 Mon Sep 17 00:00:00 2001
From: Drake <dragonduckymarino@gmail.com>
Date: Tue, 30 Jun 2026 12:43:04 -0500
Subject: [PATCH] autofocus

---
 src/lib/components/custom/claim-item-dialog.svelte        | 7 ++-----
 src/lib/components/custom/inquire-item-dialog.svelte      | 7 ++-----
 src/lib/components/custom/item-listing.svelte             | 8 ++++----
 src/lib/components/custom/submit-item-dialog.svelte       | 2 +-
 .../items/[itemId]/inquiries/[inquiryId]/+page.svelte     | 5 +----
 5 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/src/lib/components/custom/claim-item-dialog.svelte b/src/lib/components/custom/claim-item-dialog.svelte
index 9a974e9..7fd9841 100644
--- a/src/lib/components/custom/claim-item-dialog.svelte
+++ b/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>
diff --git a/src/lib/components/custom/inquire-item-dialog.svelte b/src/lib/components/custom/inquire-item-dialog.svelte
index 19c15cd..7a785c3 100644
--- a/src/lib/components/custom/inquire-item-dialog.svelte
+++ b/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>
diff --git a/src/lib/components/custom/item-listing.svelte b/src/lib/components/custom/item-listing.svelte
index 93308ae..3e42b53 100644
--- a/src/lib/components/custom/item-listing.svelte
+++ b/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>
diff --git a/src/lib/components/custom/submit-item-dialog.svelte b/src/lib/components/custom/submit-item-dialog.svelte
index 13f2422..4a401bd 100644
--- a/src/lib/components/custom/submit-item-dialog.svelte
+++ b/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>
diff --git a/src/routes/items/[itemId]/inquiries/[inquiryId]/+page.svelte b/src/routes/items/[itemId]/inquiries/[inquiryId]/+page.svelte
index fda06cc..28709d5 100644
--- a/src/routes/items/[itemId]/inquiries/[inquiryId]/+page.svelte
+++ b/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">
-					<LocationIcon class="float-left mr-1" size={24} />
-					<div>{data.item.foundLocation}</div>
-				</div>
+				<span class="mt-2"><strong class="mr-1">Found at:</strong> {item.foundLocation}</span>
 			{/if}
 		</div>
 	</div>