More work on the help tech notification. Added to Archives and Meetings so far.

src/lib/e_app_help_tech.svelte

@@ -7,9 +7,12 @@ interface Props {
     e_class?: string;
     e_title?: string;
     e_text?: string;
+    e_class_form_hidden?: string;
+    e_class_form_showing?: string;
     btn_text?: string;
     btn_title?: string;
     btn_class?: string;
+    show_btn_class?: string;
     hide_icon?: boolean;
 }
 
@@ -20,9 +23,12 @@ let {
     e_class = '',
     e_title = 'Technical Help',
     e_text = 'Request technical help for this application.',
+    e_class_form_hidden = $bindable(''),
+    e_class_form_showing = $bindable(''),
     btn_text = 'Technical Help',
     btn_title = 'Technical support help',
     btn_class = '',
+    show_btn_class = '',
     hide_icon = false,
 }: Props = $props();
 
@@ -131,6 +137,8 @@ function send_help_tech_email() {
         border-2 border-transparent
         transition-all
         {e_class}
+        {!$ae_sess.show_help_tech ? e_class_form_hidden : e_class_form_showing}
+        relative
         "
         class:w-xl={$ae_sess.show_help_tech}
         class:w-fit={!$ae_sess.show_help_tech}
@@ -209,6 +217,8 @@ function send_help_tech_email() {
 
                     // Hide the request form
                     $ae_sess.show_help_tech = false;
+
+                    alert('Notification sent to the IT team.');
                 })}
                 >
                 <textarea
@@ -359,6 +369,7 @@ function send_help_tech_email() {
                 preset-outlined-warning-600-400
                 transition-all
                 {btn_class}
+                {show_btn_class}
                 "
             title={btn_title}
             >

src/routes/idaa/(idaa)/+layout.svelte

@@ -196,8 +196,9 @@ if (browser) {
 
     <!-- e_class="w-xl" -->
     <!-- e_class="float-right" -->
-    <Help_tech
+    <!-- <Help_tech
-
+        e_class="w-full"
+        show_btn_class="absolute top-0 right-0"
         btn_class="novi_btn"
         additional_kv={{
             'novi_uuid': $idaa_loc.novi_uuid,
@@ -205,7 +206,7 @@ if (browser) {
             'novi_full_name': $idaa_loc.novi_full_name,
         }}
         >
-    </Help_tech>
+    </Help_tech> -->
     <!-- <div
         bind:clientHeight={$ae_loc.iframe_height}
         > -->

src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte

@@ -34,7 +34,7 @@ import Archive_content_obj_li from './ae_idaa_comp__archive_content_obj_li.svelt
 import Archive_content_obj_id_edit from './ae_idaa_comp__archive_content_obj_id_edit.svelte';
 // import Media_player from './../ae_idaa_comp__media_player.svelte';
 import Modal_media_player from './ae_idaa_comp__modal_media_player.svelte';
-
+import Help_tech from '$lib/e_app_help_tech.svelte';
 
 
 // let ae_promises: key_val = {};
@@ -230,7 +230,7 @@ onDestroy(() => {
 
 <!-- <h1>Archives {$lq__archive_obj?.name} - {$lq__archive_content_obj_li?.length}</h1> -->
 
-<header class="ae_header archive__header flex flex-row flex-wrap gap-2 items-center justify-evenly w-full">
+<div class="ae_header archive__header flex flex-row flex-wrap gap-2 items-center justify-evenly w-full">
     <h2
         class="
             archive__name
@@ -273,12 +273,25 @@ onDestroy(() => {
             {/if}
         </span>
     </div>
-</header>
+
+    <Help_tech
+        e_class=""
+        btn_class="novi_btn"
+        show_btn_class="absolute top-0 right-0 float-right z-10"
+        additional_kv={{
+            'novi_uuid': $idaa_loc.novi_uuid,
+            'novi_email': $idaa_loc.novi_email,
+            'novi_full_name': $idaa_loc.novi_full_name,
+        }}
+        >
+    </Help_tech>
+</div>
+
 
 
 <div
     class="
-        flex flex-row gap-2 items-center justify-evenly
+        flex flex-row gap-2 items-center justify-center
         w-full
         p-1 pb-2 mb-2
         border-b border-b-surface-300-700
@@ -293,6 +306,7 @@ onDestroy(() => {
         <!-- <span class="fas fa-arrow-left m-1"></span> Back to Archives -->
         <span class="fas fa-times m-1"></span> View Other Archives
     </a>
+
 </div>
 
 <Archive_view

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

@@ -22,6 +22,7 @@ import { core_func } from '$lib/ae_core/ae_core_functions';
 import { idaa_loc, idaa_sess, idaa_slct, idaa_trig, idaa_prom } from '$lib/ae_idaa_stores';
 import { events_func } from '$lib/ae_events_functions';
 
+import Help_tech from '$lib/e_app_help_tech.svelte';
 
 // export let event_id_random_li: Array<string>;
 
@@ -223,6 +224,20 @@ function preventDefault(fn) {
         "
         >
 
+    <Help_tech
+        e_class=""
+        e_class_form_hidden="float-right"
+        e_class_form_showing="float-none"
+        btn_class="novi_btn"
+        show_btn_class=""
+        additional_kv={{
+            'novi_uuid': $idaa_loc.novi_uuid,
+            'novi_email': $idaa_loc.novi_email,
+            'novi_full_name': $idaa_loc.novi_full_name,
+        }}
+        >
+    </Help_tech>
+
     <!-- WARNING: Using m-auto to work in the Novi iframe -->
     <form
         onsubmit={preventDefault(() => {

src/routes/idaa/+layout.svelte

@@ -329,9 +329,11 @@ $effect(() => {
     </a>
 </nav>
 
+<!-- static position-static -->
 <section
     class="
         module_main_content main_content
+
         grow
         px-1 md:px-2 pb-28
         flex flex-col gap-2 items-center justify-start