Making things look nicer. AI is still not good at this.

src/lib/elements/element_manage_event_file_li.svelte

@@ -194,11 +194,12 @@ async function handle_convert_pdf_to_image(event_file_obj: key_val) {
             display_mode != 'default'}>
         Manage Files:
         <span
-            class="bg-success-100 border-success-200 rounded-lg border px-4 font-bold"
+            class="preset-filled-surface-300-700 rounded-lg px-4 text-xl font-bold"
             title="Files for {link_to_type ?? '-- not set --'}: {link_to_id ??
                 '-- not set --'} (files: {$lq__event_file_obj_li?.length ??
                 'None'})">
-            <FolderOpen size="1em" class="mx-1" />
+            <FolderOpen size=".9em" class="text-surface-800-200" />
+            <!-- eslint-disable-next-line svelte/no-at-html-tags -->
             {@html $lq__event_file_obj_li
                 ? `${$lq__event_file_obj_li.length}&times;`
                 : '-- none --'}

src/routes/events/[event_id]/(pres_mgmt)/presenter/[presenter_id]/presenter_view.svelte

@@ -53,8 +53,10 @@ import {
     Link,
     LoaderCircle,
     Mail,
+    MessageSquareText,
     Pencil,
     Plus,
+    Presentation,
     RefreshCw,
     Save,
     Tag,
@@ -155,12 +157,22 @@ $effect(() => {
 
     <section class="p-2">
         <h3 class="h6 text-lg/6">
-            <span class="text-surface-800-200 text-sm"> Session: </span>
+
+            <!-- text-blue-500 hover:text-blue-800  -->
+            <!-- hover:underline  -->
             <a
                 href="/events/{$lq__event_presenter_obj?.event_id}/session/{$lq__event_presenter_obj?.event_session_id}"
-                class="text-blue-500 hover:text-blue-800 hover:underline"
+                class="btn preset-tonal-secondary preset-outlined-secondary-100-900"
                 title="ID: {$lq__event_presenter_obj?.event_session_id}"
-                >"{$lq__event_presenter_obj?.event_session_name}"</a>
+                >
+                <span class="text-surface-800-200 text-sm">
+                    <Presentation
+                        size="1em"
+                        class="" />
+                        Session:
+                </span>
+                "{$lq__event_presenter_obj?.event_session_name}"
+            </a>
         </h3>
         <h3 class="h6 text-lg/6">
             <Element_ae_obj_field_editor
@@ -177,6 +189,9 @@ $effect(() => {
                         log_lvl: 0
                     })}>
                 <span class="text-surface-800-200 text-sm">
+                    <MessageSquareText
+                    size="1em"
+                    class="text-primary-500" />
                     Presentation:
                 </span>
                 <span

src/routes/events/[event_id]/(pres_mgmt)/presenter/ae_comp__event_presenter_obj_li.svelte

@@ -107,10 +107,10 @@ let ae_tmp: key_val = $state({});
 
             {#if $lq__event_presenter_obj_li?.length}
                 <span
-                    class="preset-filled-success-100-900 rounded-lg px-4 text-3xl font-bold"
+                    class="preset-filled-surface-300-700 rounded-lg px-4 text-xl font-bold"
                     title="Count {$lq__event_presenter_obj_li.length ??
                         'None'}">
-                    <ListOrdered size="1em" class="mx-4" />
+                    <ListOrdered size=".9em" class="text-surface-800-200" />
                     {$lq__event_presenter_obj_li.length ?? 'None'}&times;
                 </span>
             {/if}
@@ -147,20 +147,20 @@ let ae_tmp: key_val = $state({});
                     {#if event_presenter_obj?.given_name && event_presenter_obj?.given_name != 'Group'}
                         <User
                             size="1em"
-                            class="text-surface-800-200 m-0.5 text-xs" />
+                            class="text-surface-800-200 m-0.5 text-sm" />
                     {:else if event_presenter_obj?.given_name == 'Group'}
                         <Users
                             size="1em"
-                            class="text-surface-800-200 m-0.5 text-xs" />
+                            class="text-surface-800-200 m-0.5 text-sm" />
                     {:else}
                         <UserX
                             size="1em"
-                            class="text-surface-800-200 m-0.5 text-xs" />
+                            class="text-surface-800-200 m-0.5 text-sm" />
                     {/if}
                     {#if event_presenter_obj.priority}
                         <Star
                             size="1em"
-                            class="text-yellow-800-200 m-0.5 text-xs" />
+                            class="text-yellow-800-200 m-0.5 text-sm" />
                     {/if}
                     <span class="grow text-center">
                         {#if event_presenter_obj?.given_name && event_presenter_obj?.given_name != 'Group'}

src/routes/events/ae_comp__event_presentation_obj_li.svelte

@@ -99,10 +99,10 @@ import {
 
             {#if lq__event_presentation_obj_li?.length}
                 <span
-                    class="preset-filled-success-100-900 rounded-lg px-4 text-3xl font-bold"
+                    class="preset-filled-surface-300-700 rounded-lg px-4 text-xl font-bold"
                     title="Count {lq__event_presentation_obj_li.length ??
                         'None'}">
-                    <ListOrdered size="1em" class="" />
+                    <ListOrdered size=".9em" class="text-surface-800-200" />
                     {lq__event_presentation_obj_li.length ?? 'None'}&times;
                 </span>
             {/if}

src/routes/events/ae_comp__events_menu_nav.svelte

@@ -15,6 +15,7 @@ import {
     Search,
     GraduationCap,
     Plane,
+    Presentation,
     Settings
 } from '@lucide/svelte';
 
@@ -120,7 +121,7 @@ let launcher_sess_qry = $derived.by(() => {
             href="/events/{event_id}/session/{events__session_id}"
             class="btn btn-sm ae_btn_info mx-1"
             class:hidden={!events__session_id}>
-            <GraduationCap size="1em" aria-hidden="true" />
+            <Presentation size="1em" aria-hidden="true" />
             Back to Session
         </a>