Working on formatting for IDAA Novi site.

src/routes/idaa/(idaa)/archives/ae_idaa_comp__archive_obj_li.svelte

@@ -23,17 +23,19 @@ onMount(() => {
 {#each $lq__archive_obj_li as idaa_archive_obj, index}
     <div
         class="container archive archive_obj border border-1 rounded p-2 mb-2 space-y-2 w-full max-w-screen-lg flex flex-col items-center justify-center"
+        class:hidden={(idaa_archive_obj?.hide || !idaa_archive_obj?.enable) && !$ae_loc.trusted_access}
         class:dim={idaa_archive_obj.hide}
         class:bg-warning-100={!idaa_archive_obj?.enable}
+        class:text-warning-900={!idaa_archive_obj?.enable}
         >
 
-        <header class="ae_header flex flex-row gap-2 items-center">
+        <header class="ae_header flex flex-row gap-2 items-center justify-between w-full">
             <h3 class="archive__name h3">
                 <span class="archive__name">{@html idaa_archive_obj.name}</span>
             </h3>
 
             {#if idaa_archive_obj.original_location}
-                &mdash;
+                <!-- &mdash; -->
                 <h4 class="h4">
                     <!-- <span class="ae_label">Location:</span> -->
                     <span class="ae_value">{idaa_archive_obj.original_location}</span>

src/routes/idaa/(idaa)/recovery_meetings/+page.svelte

@@ -258,6 +258,16 @@ $: if ($idaa_trig.event_li_qry) {
 }
 
 
+if (browser) {
+    console.log('Browser environment detected.');
+
+    if (!$idaa_sess.recovery_meetings.show__modal_edit && !$idaa_sess.recovery_meetings.show__modal_view) {
+        $idaa_slct.event_id = null;
+    }
+
+    let message = {'event_id': $idaa_slct?.event_id ?? null};
+    window.parent.postMessage(message, "*");
+}
 </script>
 
 

src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_li.svelte

@@ -40,19 +40,20 @@ onMount(() => {
 
     {#if idaa_event_obj} <!-- This check for the idaa_event_obj is here in case the IDB entry is deleted. -->
     <div
-        class="container recovery_meeting event_obj border border-1 rounded p-2 mb-2"
+        class="container recovery_meeting event_obj border border-1 rounded p-2 mb-2 space-y-2 w-full max-w-screen-lg flex flex-col items-center justify-center"
         class:hidden={(idaa_event_obj?.hide || !idaa_event_obj?.enable) && !$ae_loc.trusted_access}
         class:dim={idaa_event_obj?.hide}
         class:bg-warning-100={!idaa_event_obj?.enable}
         class:text-warning-900={!idaa_event_obj?.enable}
         >
 
-        <header class="ae_header">
+        <header class="ae_header flex flex-row gap-2 items-center justify-between w-full">
-            <h3
+            <h3 class="event__name h3">
-                class="flex flex-row gap-2 items-center">
+                <span class="fas fa-calendar-day m-1"></span>
-                <span class="event__name h3">
+                {idaa_event_obj?.name}
-                    <span class="fas fa-calendar-day m-1"></span>
+            </h3>
-                    {idaa_event_obj?.name}</span>
+
+            <span>
                 <span class="badge badge-info variant-glass-tertiary">
                     {#if idaa_event_obj?.physical && idaa_event_obj?.virtual}
                         <span class="fas fa-home m-1"></span> F2F and <span class="fas fa-laptop m-1"></span> Virtual
@@ -71,7 +72,7 @@ onMount(() => {
                 {#if $ae_loc.administrator_access && !idaa_event_obj?.enable}
                     <span class="badge badge-warning variant-glass-warning"><span class="fas fa-exclamation-triangle m-1"></span> Not enabled</span>
                 {/if}
-            </h3>
+            </span>
         </header>
 
         <div class="ae_options flex flex-row gap-2 items-center justify-center">
@@ -130,7 +131,7 @@ onMount(() => {
         </div>
 
 
-        <section class="ae_section event__content">
+        <section class="ae_section event__content w-full">
             <!-- <div
                 class="meeting_description description"
                 >