From 64e738f79d3e8ce8e8d727a17cff1036c6af6926 Mon Sep 17 00:00:00 2001
From: Luke Towers <github@luketowers.ca>
Date: Mon, 28 Apr 2025 10:10:40 -0600
Subject: [PATCH] feat(web): move duplicates controls above preview of
 duplicate images (#17837)

Move duplicates controls above preview of duplicate images
---
 .../duplicates-compare-control.svelte         | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/web/src/lib/components/utilities-page/duplicates/duplicates-compare-control.svelte b/web/src/lib/components/utilities-page/duplicates/duplicates-compare-control.svelte
index d383ed1b10..c0ef70ef06 100644
--- a/web/src/lib/components/utilities-page/duplicates/duplicates-compare-control.svelte
+++ b/web/src/lib/components/utilities-page/duplicates/duplicates-compare-control.svelte
@@ -114,18 +114,7 @@
 />
 
 <div class="pt-4 rounded-3xl border dark:border-2 border-gray-300 dark:border-gray-700 max-w-[54rem] mx-auto mb-16">
-  <div class="flex flex-wrap gap-1 place-items-center place-content-center px-4 pt-4">
-    {#each assets as asset (asset.id)}
-      <DuplicateAsset
-        {asset}
-        {onSelectAsset}
-        isSelected={selectedAssetIds.has(asset.id)}
-        onViewAsset={(asset) => setAsset(asset)}
-      />
-    {/each}
-  </div>
-
-  <div class="flex flex-wrap gap-y-6 mt-10 mb-4 px-6 w-full place-content-end justify-between">
+  <div class="flex flex-wrap gap-y-6 mb-4 px-6 w-full place-content-end justify-between">
     <!-- MARK ALL BUTTONS -->
     <div class="flex text-xs text-black">
       <button
@@ -164,6 +153,17 @@
       </Button>
     </div>
   </div>
+
+  <div class="flex flex-wrap gap-1 mb-4 place-items-center place-content-center px-4 pt-4">
+    {#each assets as asset (asset.id)}
+      <DuplicateAsset
+        {asset}
+        {onSelectAsset}
+        isSelected={selectedAssetIds.has(asset.id)}
+        onViewAsset={(asset) => setAsset(asset)}
+      />
+    {/each}
+  </div>
 </div>
 
 {#if $showAssetViewer}