From d692d7cfde92ee93327f48aad56038e1c1988c4d Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Mon, 27 Apr 2026 13:53:12 -0400
Subject: [PATCH] Minor code clean up, style improvements, and bug fixes.

Co-authored-by: Copilot <copilot@github.com>
---
 .../(pres_mgmt)/pres_mgmt/+page.svelte        | 16 +++----
 .../ae_comp__pres_mgmt_session_search.svelte  |  2 +-
 .../ae_comp__event_session_obj_li.svelte      | 42 ++++++++++++-------
 3 files changed, 36 insertions(+), 24 deletions(-)

diff --git a/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/+page.svelte b/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/+page.svelte
index 9abb8c04..1a6df86b 100644
--- a/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/+page.svelte
+++ b/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/+page.svelte
@@ -9,28 +9,28 @@ let { data, log_lvl = $bindable(0) }: Props = $props();
 
 // *** Import Svelte specific
 import { untrack } from 'svelte';
-import { browser } from '$app/environment';
+// import { browser } from '$app/environment';
 
-import type { key_val } from '$lib/stores/ae_stores';
+// import type { key_val } from '$lib/stores/ae_stores';
 import { ae_util } from '$lib/ae_utils/ae_utils';
 import Comp_event_session_obj_li_wrapper from '../../../ae_comp__event_session_obj_li_wrapper.svelte';
 
 import { liveQuery } from 'dexie';
 import { db_events } from '$lib/ae_events/db_events';
 import {
-    ae_snip,
+    // ae_snip,
     ae_loc,
-    ae_sess,
+    // ae_sess,
     ae_api,
-    ae_trig,
-    slct,
-    slct_trigger
+    // ae_trig,
+    // slct,
+    // slct_trigger
 } from '$lib/stores/ae_stores';
 import {
     events_loc,
     events_sess,
     events_slct,
-    events_trigger
+    // events_trigger
 } from '$lib/stores/ae_events_stores';
 import { pres_mgmt_loc } from '$lib/stores/ae_events_stores__pres_mgmt.svelte';
 import { events_func } from '$lib/ae_events/ae_events_functions';
diff --git a/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/ae_comp__pres_mgmt_session_search.svelte b/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/ae_comp__pres_mgmt_session_search.svelte
index b0373170..2f0d5381 100644
--- a/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/ae_comp__pres_mgmt_session_search.svelte
+++ b/src/routes/events/[event_id]/(pres_mgmt)/pres_mgmt/ae_comp__pres_mgmt_session_search.svelte
@@ -65,7 +65,7 @@ function prevent_default<T extends Event>(fn: (event: T) => void) {
                     ? 'Time filter ON — click to disable'
                     : 'Show only sessions near current time'}
                 class="btn btn-sm mx-1"
-                class:hidden={!$ae_loc.edit_mode && 1==3}
+                class:hidden={!$ae_loc.edit_mode}
                 class:opacity-10={pres_mgmt_loc.current.enable_time_window}
                 class:preset-filled-primary-300-700={pres_mgmt_loc.current.enable_time_window}
                 class:preset-filled-primary-100-900={!pres_mgmt_loc.current.enable_time_window}>
diff --git a/src/routes/events/ae_comp__event_session_obj_li.svelte b/src/routes/events/ae_comp__event_session_obj_li.svelte
index 6f5fbe9a..ed1b75b9 100644
--- a/src/routes/events/ae_comp__event_session_obj_li.svelte
+++ b/src/routes/events/ae_comp__event_session_obj_li.svelte
@@ -58,12 +58,12 @@ import Element_manage_event_file_li from '$lib/elements/element_manage_event_fil
 import Comp_event_session_alert from './[event_id]/(pres_mgmt)/session/ae_comp__event_session_alert.svelte';
 
 import { events_func } from '$lib/ae_events/ae_events_functions';
-import { ae_loc, ae_api, ae_snip } from '$lib/stores/ae_stores';
-import {
-    events_loc,
-    events_sess,
-    events_slct
-} from '$lib/stores/ae_events_stores';
+import { ae_loc, ae_api } from '$lib/stores/ae_stores';
+// import {
+//     events_loc,
+//     events_sess,
+//     events_slct
+// } from '$lib/stores/ae_events_stores';
 import { pres_mgmt_loc } from '$lib/stores/ae_events_stores__pres_mgmt.svelte';
 
 let show_details_kv: Record<string, boolean> = $state({});
@@ -212,7 +212,7 @@ function toggle_details(id: string) {
                                             'date_short_month_day'
                                         )}</span>
 
-                                    <span class="flex items-center gap-1"
+                                    <span class="flex items-center gap-1 font-bold"
                                         ><Clock size="1em" />
                                         {ae_util.iso_datetime_formatter(
                                             session_obj?.start_datetime,
@@ -245,27 +245,39 @@ function toggle_details(id: string) {
                         </td>
 
                         <td class="hidden md:table-cell">
-                            <div class="flex flex-col text-xs font-medium">
-                                <span class="text-surface-900-100"
-                                    >{ae_util.iso_datetime_formatter(
+                            <div class="flex flex-col text-xs hover:scale-125 transition-all duration-400 hover:duration-1000">
+                                <span class=" text-surface-700-300"
+                                    >
+                                    <span class="font-bold">
+                                    {ae_util.iso_datetime_formatter(
                                         session_obj?.start_datetime,
-                                        'dddd, MMM D'
+                                        'dddd'
+                                    )}
+                                    </span><span class="text-surface-500">,
+                                    {ae_util.iso_datetime_formatter(
+                                        session_obj?.start_datetime,
+                                        'MMM D'
                                     )}</span>
+                                </span>
 
-                                <span class="text-surface-500 whitespace-nowrap"
-                                    >{ae_util.iso_datetime_formatter(
+                                <span class="whitespace-nowrap text-surface-700-300"
+                                    ><span class="font-bold">
+                                        {ae_util.iso_datetime_formatter(
                                         session_obj?.start_datetime,
                                         'time_12_short'
-                                    )} – {ae_util.iso_datetime_formatter(
+                                    )}</span>
+                                    <span class="text-surface-500">
+                                    – {ae_util.iso_datetime_formatter(
                                         session_obj?.end_datetime,
                                         'time_12_short'
                                     )}</span>
+                                </span>
                             </div>
                         </td>
 
                         <td class:hidden={hide__session_location}>
                             <div class="flex min-w-32 flex-col gap-1">
-                                <span class="text-xs font-semibold"
+                                <span class="text-xs font-semibold  text-surface-700-300 hover:scale-125 transition-all  duration-400 hover:duration-1000"
                                     >{session_obj?.event_location_name ??
                                         '--'}</span>