Never ending work on styles. Trying to make absolute positioned headers and footers work. Also added scroll to top for Journals.

src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte

@@ -713,7 +713,7 @@ $effect(() => {
         mt-12 mb-14 sm:mb-12
         h-full
         w-full max-w-7xl
-
+        outline
         "
         >
 
@@ -721,13 +721,19 @@ $effect(() => {
 <header
     id="Main-Header"
     class="
-        absolute top-0 start-0 z-20 w-full p-1
+        z-20
+        absolute top-0 left-0 right-0
+        w-full max-w-7xl
+        h-12
+        p-1 px-12 m-auto
+
         flex flex-row items-center justify-around sm:justify-between
-        bg-slate-200
+
         text-sm hover:text-base
-        m-auto
-        px-12
-        opacity-50 hover:opacity-100
+
+        bg-slate-200
+
+        opacity-90 hover:opacity-100
         transition-all duration-1000
         "
     >
@@ -900,15 +906,22 @@ $effect(() => {
 </div>
 
 
-<Footer
+<footer
+    id="Main-Footer"
     class="
-        absolute bottom-0 start-0 z-20 w-full p-1
+        z-20
+        absolute bottom-0 left-0 right-0
+        w-full max-w-7xl
+        p-1 m-auto
+
         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
         "
@@ -967,7 +980,7 @@ $effect(() => {
         {ae_util.iso_datetime_formatter($time,'time_long')}
         {/if}
     </div>
-</Footer>
+</footer>