Working on general styles

src/routes/events/+layout.svelte

@@ -144,7 +144,7 @@ if (browser) {
     class:iframe={$ae_loc?.iframe}
     class="
         ae_events
-        h-full max-h-full max-w-6xl
+        h-full max-h-screen max-w-screen overflow-auto
         flex flex-col gap-1
         m-auto
         bg-gray-50 dark:bg-gray-900
@@ -195,11 +195,25 @@ if (browser) {
 </nav>
 {/if}
 
+<!-- <section
+    class:iframe={$ae_loc?.iframe}
+    class="main_content grow px-1 md:px-2 lg:px-4 pb-32"
+    > -->
 <section
     class:iframe={$ae_loc?.iframe}
-    class="main_content grow px-1 md:px-2 pb-28"
+    class="
+        ae_events_pres_mgmt_event
+        md:container
+        flex flex-col gap-1
+        items-center
+        justify-start
+        mx-auto
+        py-1 px-2 pb-16
+        h-full
+        min-w-full
+        max-w-max
+        "
     >
-
     <!-- OLD: App Bar -->
     <!-- <AppBar
         gridColumns="grid-cols-3"
@@ -245,8 +259,20 @@ if (browser) {
 
 
 {#if !$ae_sess?.disable_sys_footer}
+<!-- text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg text-slate-400 hover:text-slate-800 transition px-1 py-0.5 min-h-7 -->
 <section
-    class="footer_contenttext-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg text-slate-400 hover:text-slate-800 transition px-1 py-0.5 min-h-7"
+    class="
+        footer_content
+        absolute bottom-0 start-0 z-10 w-full p-1
+        flex flex-row items-center justify-between
+        sm:flex-row md:items-center md:justify-between
+        text-xs hover:text-base
+        shadow
+        bg-gray-200 border-t border-gray-200
+        dark:bg-gray-800 dark:border-gray-600
+        opacity-50 hover:opacity-100
+        transition-all duration-1000
+        "
     class:ae_debug={$ae_loc.debug}
     >