From 3b74a3d5c8f8ede6019a5e29d8abadb6e0078538 Mon Sep 17 00:00:00 2001
From: "alexei.dolgolyov" <dolgolyov.alexei@gmail.com>
Date: Sat, 28 Mar 2026 14:19:04 +0300
Subject: [PATCH] fix: use icon-only button for image browser

---
 web/src/routes/deploy/+page.svelte   | 7 ++++---
 web/src/routes/projects/+page.svelte | 7 ++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/web/src/routes/deploy/+page.svelte b/web/src/routes/deploy/+page.svelte
index b610a2a..b88fdc5 100644
--- a/web/src/routes/deploy/+page.svelte
+++ b/web/src/routes/deploy/+page.svelte
@@ -179,10 +179,11 @@
 				<button
 					type="button"
 					onclick={handleBrowseImages}
-					class="inline-flex items-center gap-1.5 rounded-lg border border-[var(--border-primary)] px-3 py-2 text-sm font-medium text-[var(--text-secondary)] hover:bg-[var(--surface-card-hover)] transition-colors"
+					title={$t('quickDeploy.browseImages')}
+					aria-label={$t('quickDeploy.browseImages')}
+					class="rounded-lg border border-[var(--border-primary)] p-2 text-[var(--text-secondary)] hover:bg-[var(--surface-card-hover)] hover:text-[var(--text-primary)] transition-colors"
 				>
-					<IconSearch size={14} />
-					{$t('quickDeploy.browseImages')}
+					<IconSearch size={16} />
 				</button>
 				<button
 					onclick={handleInspect}
diff --git a/web/src/routes/projects/+page.svelte b/web/src/routes/projects/+page.svelte
index a2b7ba3..f0ccd26 100644
--- a/web/src/routes/projects/+page.svelte
+++ b/web/src/routes/projects/+page.svelte
@@ -147,10 +147,11 @@
 						<button
 							type="button"
 							onclick={handleBrowseImages}
-							class="inline-flex items-center gap-1.5 rounded-lg border border-[var(--border-primary)] px-3 py-2 text-sm font-medium text-[var(--text-secondary)] hover:bg-[var(--surface-card-hover)] transition-colors"
+							title={$t('projects.browseImages')}
+							aria-label={$t('projects.browseImages')}
+							class="rounded-lg border border-[var(--border-primary)] p-2 text-[var(--text-secondary)] hover:bg-[var(--surface-card-hover)] hover:text-[var(--text-primary)] transition-colors"
 						>
-							<IconSearch size={14} />
-							{$t('projects.browseImages')}
+							<IconSearch size={16} />
 						</button>
 					</div>
 					{#if showImageBrowser}