From 4292aebc56a8d05d966f1bf9634b925e18036a94 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Tue, 2 Jun 2026 17:47:27 -0400
Subject: [PATCH] Fine tuning the layout of things.

---
 .../badges/ae_comp__badge_obj_li.svelte       | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/routes/events/[event_id]/(badges)/badges/ae_comp__badge_obj_li.svelte b/src/routes/events/[event_id]/(badges)/badges/ae_comp__badge_obj_li.svelte
index f69dbe3c..6c675f97 100644
--- a/src/routes/events/[event_id]/(badges)/badges/ae_comp__badge_obj_li.svelte
+++ b/src/routes/events/[event_id]/(badges)/badges/ae_comp__badge_obj_li.svelte
@@ -36,6 +36,7 @@ import {
     Printer,
     Tags,
     User,
+    UserCheck,
     UserSearch
 } from '@lucide/svelte';
 // Track per-badge copy state for the "Review Link" clipboard button
@@ -191,13 +192,17 @@ let visible_badge_obj_li = $derived(
                             {#if row_clickable}
                                 <a
                                     href={row_href}
-                                    class="hover:text-primary-800-200 hover:bg-primary-200-800 active:bg-surface-200-700 flex items-center gap-3 justify-start px-3 py-2 text-left text-lg font-bold flex-1 transition-colors duration-1000 hover:duration-300 min-w-0 preset-tonal-primary rounded-lg"
+                                    class="hover:text-primary-800-200 hover:bg-primary-200-800 active:bg-surface-200-700 flex items-center gap-3 justify-start px-3 py-2 text-left text-lg font-bold flex-1 transition-colors duration-1000 hover:duration-300 min-w-0 preset-tonal-primary rounded-lg
+                                    max-w-4xl
+                                    "
                                     title={is_trusted
                                         ? `Print badge for ${display_name} · ${event_badge_obj?.affiliations_override ?? event_badge_obj?.affiliations ?? ''} · ${event_badge_obj?.badge_type ?? ''} · id: ${event_badge_obj.event_badge_id}`
                                         : `Review your badge info`}
                                     >
                                     {#if event_badge_obj?.hide}
                                         <EyeOff size="1.1em" class="text-gray-400" />
+                                    {:else if is_printed}
+                                        <UserCheck size="1.1em" class="text-success-600 dark:text-success-400" />
                                     {:else}
                                         <User size="1.1em" class="text-primary-500" />
                                     {/if}
@@ -245,10 +250,14 @@ let visible_badge_obj_li = $derived(
                                 </div>
                             {:else}
                                 <div
-                                    class="hover:text-primary-800-200 hover:bg-primary-200-800 active:bg-surface-200-700 flex items-center gap-3 justify-start px-3 py-2 text-left text-lg font-bold flex-1 transition-colors duration-1000 hover:duration-300 min-w-0 preset-tonal-primary rounded-lg cursor-not-allowed"
+                                    class="hover:text-primary-800-200 hover:bg-primary-200-800 active:bg-surface-200-700 flex items-center gap-3 justify-start px-3 py-2 text-left text-lg font-bold flex-1 transition-colors duration-1000 hover:duration-300 min-w-0 preset-tonal-primary rounded-lg cursor-not-allowed
+                                    max-w-4xl
+                                    "
                                     title="Printing not permitted">
                                     {#if event_badge_obj?.hide}
                                         <EyeOff size="1.1em" class="text-gray-400" />
+                                    {:else if is_printed}
+                                        <UserCheck size="1.1em" class="text-success-600 dark:text-success-400" />
                                     {:else}
                                         <User size="1.1em" class="text-surface-400" />
                                     {/if}
@@ -365,16 +374,16 @@ let visible_badge_obj_li = $derived(
 
                     <!-- Print status strip — Trusted staff, not in Edit Mode (debug row covers it there) -->
                     {#if is_trusted && is_printed && !is_edit_mode}
-                        <div class="flex flex-row flex-wrap items-center gap-x-1.5 gap-y-0.5 px-2 text-xs text-success-700 dark:text-success-300 opacity-70">
+                        <div class="flex flex-row flex-wrap items-center gap-x-1.5 gap-y-0.5 px-2 text-base text-success-700 dark:text-success-300 opacity-70">
                             <Check size="0.85em" class="shrink-0" />
                             <span>Printed {print_count}&times;</span>
                             {#if event_badge_obj.print_first_datetime}
                                 <span class="opacity-50">&middot;</span>
-                                <span>First: {ae_util.iso_datetime_formatter(event_badge_obj.print_first_datetime, 'date_full_no_year')} {ae_util.iso_datetime_formatter(event_badge_obj.print_first_datetime, 'time_12_long')}</span>
+                                <span>{ae_util.iso_datetime_formatter(event_badge_obj.print_first_datetime, 'date_full_no_year')} {ae_util.iso_datetime_formatter(event_badge_obj.print_first_datetime, 'time_12_long')}</span>
                             {/if}
-                            {#if event_badge_obj.print_last_datetime && event_badge_obj.print_last_datetime !== event_badge_obj.print_first_datetime}
+                            {#if event_badge_obj.print_last_datetime && event_badge_obj.print_last_datetime == event_badge_obj.print_first_datetime}
                                 <span class="opacity-50">&middot;</span>
-                                <span>Last: {ae_util.iso_datetime_formatter(event_badge_obj.print_last_datetime, 'date_full_no_year')} {ae_util.iso_datetime_formatter(event_badge_obj.print_last_datetime, 'time_12_long')}</span>
+                                <span>last print: {ae_util.iso_datetime_formatter(event_badge_obj.print_last_datetime, 'date_full_no_year')} {ae_util.iso_datetime_formatter(event_badge_obj.print_last_datetime, 'time_12_long')}</span>
                             {/if}
                         </div>
                     {/if}