I think things are scrolling better. Other style clean up for dark mode.

src/lib/e_app_debug_menu.svelte

@@ -68,6 +68,7 @@ hover:opacity-100 -->
     class:w-full={expand}
     class:hidden={hide}
     class:border-transparent={!expand}
+    class:dark:border-transparent={!expand}
     class:hover:border-transparent={!expand}
     class:hover:bg-transparent={!expand}
     >
@@ -97,7 +98,7 @@ hover:opacity-100 -->
             <span>Debug</span>
         </div>
 
-        <pre>
+        <pre class="text-xs">
             {JSON.stringify($ae_loc, null, 2)}
         </pre>
 
@@ -199,8 +200,10 @@ hover:opacity-100 -->
         class="
             btn btn-icon
             text-xs
-            preset-filled-surface-50-950 preset-outlined-surface-100-900
+            p-1
-            hover:preset-tonal-warning
+            preset-outlined-surface-100-900
+            hover:preset-filled-warning-100-900
+
             transition-all
             fixed bottom-8 left-2
             text-neutral-300 hover:text-neutral-800

src/lib/e_app_sys_menu.svelte

@@ -102,7 +102,7 @@ max-w-max -->
 
         text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg
 
-        bg-blue-200/50
+        bg-blue-200/90
 
         border-2 rounded-lg
         border-blue-300/20 dark:border-blue-700/20
@@ -422,7 +422,7 @@ max-w-max -->
             preset-filled-tertiary-400-600
             preset-outlined-tertiary-400-600
             hover:preset-filled-success active:preset-filled-success
-            px-2 py-1
+            px-1 py-1
             min-w-22 md:min-w-30 w-full max-w-fit
             transition-all group
             "
@@ -463,15 +463,12 @@ max-w-max -->
         <!-- <span class=""> -->
         {#if expand}
             <CircleX class="m-1 inline-block" />
-            <span class="hidden group-hover:inline-block">
-                Menu
-            </span>
         {:else}
             <Menu class="m-1 inline-block" />
-            <span class="text-xs hidden group-hover:inline-block">
-                Menu
-            </span>
         {/if}
+        <span class="text-xs hidden group-hover:inline-block">
+            Menu
+        </span>
         <!-- </span> -->
     </button>
     <!-- </div> -->

src/routes/+layout.svelte

@@ -1024,7 +1024,7 @@ email = ${$ae_loc?.email}
             onclick={() => {
                 window.location.reload();
             }}
-            class="btn btn-sm m-1 preset-tonal-surface border border-surface-500 hover:preset-tonal-warning border border-warning-500 hover:variant-outline-warning text-warning-800 hover:text-warning-900 transition-all"
+            class="btn btn-sm m-1 preset-tonal-surface hover:preset-tonal-warning border border-warning-500 hover:variant-outline-warning text-warning-800 hover:text-warning-900 transition-all"
             title="Reload page to clear some caches and check for updates"
             >
             <!-- <span class="fas fa-sync mx-1"></span> -->
@@ -1063,7 +1063,7 @@ email = ${$ae_loc?.email}
             onclick={() => {
                 window.location.reload();
             }}
-            class="btn btn-sm m-1 preset-tonal-secondary border border-secondary-500 hover:preset-tonal-warning border border-warning-500 hover:variant-outline-warning text-warning-800 hover:text-warning-900 transition-all"
+            class="btn btn-sm m-1 preset-tonal-secondary hover:preset-tonal-warning border border-warning-500 hover:variant-outline-warning text-warning-800 hover:text-warning-900 transition-all"
             title="Reload page to clear some caches and check for updates"
             >
             <!-- <span class="fas fa-sync mx-1"></span> -->
@@ -1088,7 +1088,7 @@ email = ${$ae_loc?.email}
 
                 window.location.reload();
             }}
-            class="btn btn-sm m-1 preset-tonal-secondary border-secondary-500 hover:preset-tonal-warning border-warning-500 hover:variant-outline-warning text-error-700 hover:text-error-900 transition-all text-wrap"
+            class="btn btn-sm m-1 preset-tonal-secondary hover:preset-tonal-warning border border-warning-500 hover:variant-outline-warning text-error-700 hover:text-error-900 transition-all text-wrap"
             title="Reload and clear the page cache"
             >
             <!-- <span class="fas fa-sync mx-1"></span> -->

src/routes/events/+layout.svelte

@@ -197,7 +197,12 @@ if (browser) {
 
 <section
     class:iframe={$ae_loc?.iframe}
-    class="main_content grow px-1 md:px-2 lg:px-4 pb-32"
+    class="
+        main_content grow px-1 md:px-2 lg:px-4 pb-32
+        flex flex-col gap-1
+        items-center
+        justify-start
+        "
     >
 <!-- <section
     class:iframe={$ae_loc?.iframe}

src/routes/events/ae_comp__event_session_obj_li.svelte

@@ -68,8 +68,8 @@ let ae_triggers: key_val = $state({});
 <section
     class="
         ae_comp event_session_obj_li
-        border-2 border-dashed border-x-red-500 border-y-white
+        border-x-2 border-dashed border-x-red-500
-        sm:border-x-red-400 md:border-x-yellow-400 lg:border-x-gray-100
+        sm:border-x-red-400 md:border-x-yellow-400 lg:border-x-transparent
         px-0.5 py-2 space-y-2
         min-w-full
         w-full
@@ -289,7 +289,7 @@ let ae_triggers: key_val = $state({});
         {@html ae_snip.html__not_set}
         {/if}
 
-        {#if $ae_loc.administrator_access}
+        {#if 1==3 && $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