From a84ea4cbcba8a493281dd4a32819078e6dc16b74 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Wed, 8 Apr 2026 17:34:05 -0400
Subject: [PATCH] Cleaned up the Badges main search area and the top in
 general.

---
 .../[event_id]/(badges)/badges/+page.svelte   | 16 ++--
 .../badges/ae_comp__badge_search.svelte       | 82 +++++++++----------
 2 files changed, 50 insertions(+), 48 deletions(-)

diff --git a/src/routes/events/[event_id]/(badges)/badges/+page.svelte b/src/routes/events/[event_id]/(badges)/badges/+page.svelte
index efa1e67a..0d726f13 100644
--- a/src/routes/events/[event_id]/(badges)/badges/+page.svelte
+++ b/src/routes/events/[event_id]/(badges)/badges/+page.svelte
@@ -428,8 +428,10 @@ async function handle_search_refresh(params: any) {
 <Comp_badge_search event_id={$events_slct?.event_id ?? ''} log_lvl={1}
 ></Comp_badge_search>
 
-{#if $ae_loc.trusted_access && $ae_loc.edit_mode && (badges_loc.current.enable_add_badge_btn ?? true)}
-    <div class="flex justify-end px-4">
+{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
+    <div class="flex flex-row items-center justify-center">
+    {#if badges_loc.current.enable_add_badge_btn ?? true}
+    <!-- <div class="flex justify-end px-4"> -->
         <button
             type="button"
             class="btn btn-sm preset-tonal-primary border-primary-500 border"
@@ -440,11 +442,11 @@ async function handle_search_refresh(params: any) {
             <UserPlus size="1em" />
             Create Badge
         </button>
-    </div>
-{/if}
+    <!-- </div> -->
+    {/if}
 
-{#if $ae_loc.trusted_access && (badges_loc.current.enable_upload_badge_li_btn ?? true)}
-    <div class="flex justify-end px-4 mt-2">
+    {#if badges_loc.current.enable_upload_badge_li_btn ?? true}
+    <!-- <div class="flex justify-end px-4 mt-2"> -->
         <button
             type="button"
             class="btn btn-sm ml-2"
@@ -454,6 +456,8 @@ async function handle_search_refresh(params: any) {
             }}>
             <Upload size="1em" /> Upload Badge List
         </button>
+    <!-- </div> -->
+    {/if}
     </div>
 {/if}
 
diff --git a/src/routes/events/[event_id]/(badges)/badges/ae_comp__badge_search.svelte b/src/routes/events/[event_id]/(badges)/badges/ae_comp__badge_search.svelte
index 20f4aff9..bb1002b9 100644
--- a/src/routes/events/[event_id]/(badges)/badges/ae_comp__badge_search.svelte
+++ b/src/routes/events/[event_id]/(badges)/badges/ae_comp__badge_search.svelte
@@ -161,6 +161,20 @@ function handle_qr_scan_result(event: {
 
                 <div class="flex grow flex-row flex-wrap items-center justify-center gap-2">
 
+                    {#if (badges_loc.current.enable_search_qr && $ae_loc.edit_mode)}
+                        <button
+                            type="button"
+                            onclick={() => {
+                                $events_sess.badges.show_form__search = false;
+                                $events_sess.badges.show_form__scan = true;
+                                $events_sess.badges.qr_scan_start = true;
+                            }}
+                            class="btn btn-sm preset-tonal-primary border-primary-500 border">
+                            <QrCode size="1em" class="mr-1" />
+                            QR Scan
+                        </button>
+                    {/if}
+
                     <!-- An extra "start" button that will just set the focus to the input form field -->
                     <button
                         type="button"
@@ -250,6 +264,18 @@ function handle_qr_scan_result(event: {
                     <RemoveFormatting size="1.25em" />
                     <span class="hidden md:inline"> Clear </span>
                 </button>
+
+                {#if $ae_loc.edit_mode}
+                    <label
+                        class="bg-surface-200-800 rounded-token flex cursor-pointer items-center gap-1 px-2 py-1 text-xs font-semibold">
+                        <span> Remote First </span>
+                        <input
+                            type="checkbox"
+                            bind:checked={badges_loc.current.qry__remote_first}
+                            onchange={handle_search_trigger}
+                            class="checkbox checkbox-sm" />
+                    </label>
+                {/if}
             </div>
         </form>
     {:else if $events_sess.badges.show_form__scan}
@@ -259,48 +285,20 @@ function handle_qr_scan_result(event: {
                 bind:start_qr_scanner={$events_sess.badges.qr_scan_start}
                 on_qr_scan_result={handle_qr_scan_result} />
         </div>
+
+        {#if ($ae_loc.edit_mode)}
+        <button
+            type="button"
+            onclick={() => {
+                $events_sess.badges.show_form__search = true;
+                $events_sess.badges.show_form__scan = false;
+                $events_sess.badges.qr_scan_start = false;
+            }}
+            class="btn btn-sm preset-tonal-primary border-primary-500 border">
+            <Search size="1em" class="mr-1" />
+            Search
+        </button>
+        {/if}
     {/if}
 
-    <div
-        class="flex flex-row flex-wrap items-center justify-center gap-2 opacity-70 transition-all hover:opacity-100">
-        {#if $events_sess.badges.show_form__search}
-            {#if badges_loc.current.enable_search_qr ?? true}
-                <button
-                    type="button"
-                    onclick={() => {
-                        $events_sess.badges.show_form__search = false;
-                        $events_sess.badges.show_form__scan = true;
-                        $events_sess.badges.qr_scan_start = true;
-                    }}
-                    class="btn btn-sm preset-tonal-primary border-primary-500 border">
-                    <QrCode size="1em" class="mr-1" />
-                    QR Scan
-                </button>
-            {/if}
-        {:else}
-            <button
-                type="button"
-                onclick={() => {
-                    $events_sess.badges.show_form__search = true;
-                    $events_sess.badges.show_form__scan = false;
-                    $events_sess.badges.qr_scan_start = false;
-                }}
-                class="btn btn-sm preset-tonal-primary border-primary-500 border">
-                <Search size="1em" class="mr-1" />
-                Search
-            </button>
-        {/if}
-
-        {#if $ae_loc.edit_mode}
-            <label
-                class="bg-surface-200-800 rounded-token flex cursor-pointer items-center gap-1 px-2 py-1 text-xs font-semibold">
-                <span> Remote First </span>
-                <input
-                    type="checkbox"
-                    bind:checked={badges_loc.current.qry__remote_first}
-                    onchange={handle_search_trigger}
-                    class="checkbox checkbox-sm" />
-            </label>
-        {/if}
-    </div>
 </div>