From 9209dc39dc4a1d7166b452657843afc852a73c19 Mon Sep 17 00:00:00 2001
From: patrick <patrickjaroszewski@protonmail.com>
Date: Thu, 14 May 2026 09:13:42 -0400
Subject: [PATCH] Move Clear All to right of Download All

Prevents layout shift when Download All appears/disappears.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/routes/+page.svelte | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 11adaeb..62bb419 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -496,24 +496,6 @@
 						</div>
 
 						<div class="flex items-center gap-2">
-							<button
-								type="button"
-								class="
-									flex items-center gap-1.5
-									px-4 py-2
-									text-error
-									border border-error
-									rounded-md
-									text-sm font-medium
-									hover:bg-error hover:text-white
-									transition-colors duration-150
-								"
-								onclick={handleClearAll}
-							>
-								<Trash2 class="w-4 h-4" />
-								Clear All
-							</button>
-
 							{#if imagesStore.completeCount > 0}
 								<button
 									type="button"
@@ -533,6 +515,24 @@
 									Download All ({imagesStore.completeCount})
 								</button>
 							{/if}
+
+							<button
+								type="button"
+								class="
+									flex items-center gap-1.5
+									px-4 py-2
+									text-error
+									border border-error
+									rounded-md
+									text-sm font-medium
+									hover:bg-error hover:text-white
+									transition-colors duration-150
+								"
+								onclick={handleClearAll}
+							>
+								<Trash2 class="w-4 h-4" />
+								Clear All
+							</button>
 						</div>
 					</div>
 				</div>