Mostly style improvements in general and for LCI

src/app.css

@@ -363,10 +363,16 @@ html.trusted_access #appShell {
 /* .ae_container_module_main {
     @apply container;
 } */
-.ae_container_module_header {
+.ae_module_header {
     /* LCI request 3a5997 */
     /* bg-gray-300 */
-    @apply h2 text-center preset-tonal-primary rounded-md flex flex-row gap-0.25 items-center justify-between w-full p-1 px-2;
+    @apply preset-tonal-surface rounded-md flex flex-row gap-0.25 items-center justify-between w-full p-1 px-2;
+}
+
+[data-theme='AE_c_LCI'] .ae_module_header {
+    /* LCI request 3a5997 */
+    /* bg-gray-300 */
+    @apply preset-tonal-primary;
 }
 [data-theme='AE_c_LCI'] .ae_obj__event_presenter {
     @apply preset-filled-success-500;

src/lib/ae_stores.ts

@@ -126,7 +126,7 @@ const ae_app_local_data_defaults: key_val = {
         primary_email: null, // The primary email of the logged-in person/user
         user_id: null, // The user ID of the logged-in user
 
-        qry_limit__people: 149,
+        qry_limit__people: 150,
 
         show_content__person_page_help: false,
     },
@@ -368,7 +368,7 @@ let ae_app_session_data_defaults: key_val = {
     'person': {
         show_report__person_li: false,
 
-        qry_limit__people: 99,
+        qry_limit__people: 100,
     },
 
     show__modal_change_password: false,

src/routes/core/+layout.svelte

@@ -42,6 +42,9 @@ if (log_lvl) {
 	<title>Core - {$ae_loc.title ?? 'Æ loading...'}</title>
 </svelte:head>
 
+<div
+    class="ae_core h-full max-h-full max-w-6xl overflow-auto flex flex-col gap-1 m-auto"
+    >
 
 {#if $ae_loc?.manager_access === 'test-new-submenu'}
 <section
@@ -83,7 +86,12 @@ if (log_lvl) {
 </section>
 {/if}
 
+<section
+    class="main_content grow px-1 md:px-2 pb-28"
+    >
+    <!-- <div class="container m-auto"> -->
+    {@render children?.()}
+    <!-- </div> -->
+</section>
 
-<!-- <div class="container m-auto"> -->
-{@render children?.()}
-<!-- </div> -->
+</div>

src/routes/core/+page.svelte

@@ -36,7 +36,7 @@ let person_id_random_li: string[] = [];
 </script>
 
 
-<section class="ae_core md:container h-full mx-auto">
+<section class="ae_core md:container mx-auto">
 
 <h2 class="h3">Æ Core for {$ae_loc.account_name ?? 'Æ loading...'}</h2>
 
@@ -205,14 +205,17 @@ let person_id_random_li: string[] = [];
     <option value={50}>50</option>
     <option value={75}>75</option>
     <option value={100}>100</option>
+    <option value={150}>150</option>
+    <option value={200}>200</option>
     <option value={250}>250</option>
-    <option value={400}>400</option>
     <option value={500}>500</option>
+    <option value={750}>750</option>
+    <option value={1000}>1000</option>
 </select>
 
 </label>
 
-<div class="">
+<div class="outline">
 <!-- Count: {person_id_random_li?.length} -->
 <Comp_person_obj_tbl
     bind:person_id_random_li={person_id_random_li}
@@ -224,7 +227,3 @@ let person_id_random_li: string[] = [];
 
 
 </section>
-
-
-<style lang="postcss">
-</style>

src/routes/events/[event_id]/+page.svelte

@@ -421,7 +421,7 @@ max-w-max -->
 {:else if $lq__event_obj?.enable || $ae_loc.trusted_access}
 
 <!-- <header> -->
-<h2 class="ae_container_module_header">
+<h2 class="ae_module_header h3">
     <span
         class="flex flex-row gap-1 items-center"
         >

src/routes/events/[event_id]/presenter/[presenter_id]/+page.svelte

@@ -121,9 +121,9 @@ let lq__auth__event_presenter_obj = $derived(liveQuery(async () => {
 
 {:else if $lq__event_presenter_obj?.enable || $ae_loc.trusted_access}
 
-<h2 class="h2 text-center rounded-md p-1 px-2 bg-gray-300 flex flex-row flex-wrap gap-0.25 items-center justify-between w-full">
+<h2 class="ae_module_header h4">
     <span
-        class="flex flex-row gap-1 items-center"
+        class="flex flex-row flex-wrap gap-1 items-center justify-center"
         >
         <span class="fas fa-user m-1"></span>
         <!-- Button to toggle between the regular presenter view and managing presenter files -->

src/routes/events/[event_id]/session/[session_id]/+page.svelte

@@ -176,9 +176,9 @@ onMount(() => {
 
 {:else if $lq__event_session_obj?.enable || $ae_loc.trusted_access}
 
-<h2 class="h2 text-center rounded-md p-1 px-2 bg-gray-300 flex flex-row flex-wrap gap-0.25 items-center justify-between w-full">
+<h2 class="ae_module_header h4">
     <span
-        class="flex flex-row gap-1 items-center"
+        class="flex flex-row flex-wrap gap-1 items-center justify-center"
         >
         <!-- <span class="fas fa-calendar-day m-1"></span> -->
         <span class="fas fa-chalkboard-teacher m-1"></span>
@@ -216,11 +216,14 @@ onMount(() => {
         </button>
     </span>
 
+    <span class="flex flex-row flex-wrap gap-1 items-center justify-end text-right">
+    <span class="max-w-xs sm:max-w-lg md:max-w-2xl">
     {@html $lq__event_session_obj?.name ?? ae_snip.html__not_set}
+    </span>
 
     {#if !$events_loc.pres_mgmt?.hide__session_code && $lq__event_session_obj.code || $ae_loc.edit_mode}
     <span
-        class="badge text-sm preset-tonal-tertiary flex flex-col gap-0.25"
+        class="badge text-sm preset-tonal-tertiary flex flex-col gap-0.25 max-w-fit"
         title="Session code {$lq__event_session_obj.code}"
         >
         <span>
@@ -230,6 +233,7 @@ onMount(() => {
         {$lq__event_session_obj.code}
     </span>
     {/if}
+    </span>
 </h2>
 
 <Element_data_store

src/routes/events/ae_comp__event_session_obj_li.svelte

@@ -199,6 +199,7 @@ let ae_triggers: key_val = $state({});
             {ae_util.iso_datetime_formatter(session_obj?.start_datetime,'date_long_month_day')}
             </span>
         </span>
+    </td>
     <td>
         <span class="flex flex-col items-center md:flex-row md:items-start md:text-center max-w-36 text-xs lg:text-sm">
             {#if session_obj?.start_datetime}
@@ -271,14 +272,14 @@ let ae_triggers: key_val = $state({});
         <span class="flex flex-col items-start lg:flex-row lg:items-center lg:justify-between text-xs lg:text-sm">
         {#if session_obj?.poc_person_full_name}
             <span style="break-inside: avoid;" class="">
-                <span class="fas fa-user mx-1"></span>
+                <span class="fas fa-user m-0.25 text-xs text-surface-800-200"></span>
                 {session_obj?.poc_person_full_name}
             </span>
             <!-- <br> -->
             {#if $ae_loc.trusted_access && session_obj?.poc_person_primary_email}
             <span style="break-inside: avoid;" class="text-xs">
                 <a href="mailto:{session_obj?.poc_person_primary_email}" class="hover:underline">
-                    <span class="fas fa-envelope mx-1"></span>
+                    <span class="fas fa-envelope m-0.25 text-xs text-surface-800-200"></span>
                     {session_obj?.poc_person_primary_email}
                 </a>
             </span>
@@ -287,7 +288,7 @@ let ae_triggers: key_val = $state({});
         {@html ae_snip.html__not_set}
         {/if}
 
-        {#if $ae_loc.trusted_access}
+        {#if $ae_loc.administrator_access}
 
         {#if session_obj?.event_session_id_random == $events_slct.event_session_id && ae_tmp[$events_slct.event_session_id] && ae_tmp[$events_slct.event_session_id].show__edit_poc_person}
         <Element_ae_crud