Styles...

src/lib/e_app_help_tech.svelte

@@ -135,6 +135,10 @@ function send_help_tech_email() {
 </script>
 
 
+<!-- class:bg-radial-[at_55%_50%]={$ae_sess.show_help_tech}
+class:from-blue-400={$ae_sess.show_help_tech}
+class:to-transparent={$ae_sess.show_help_tech}
+class:to-90%={$ae_sess.show_help_tech} -->
 <div
     class="
         flex flex-row
@@ -157,14 +161,20 @@ function send_help_tech_email() {
         class:hover:dark:shadow-blue-800={$ae_sess.show_help_tech}
         class:bg-blue-100={$ae_sess.show_help_tech}
         class:dark:bg-blue-900={$ae_sess.show_help_tech}
+
     >
 
 
     {#if $ae_sess.show_help_tech}
         <div
             class="
+                w-xl
                 flex flex-col gap-1
                 items-center justify-center
+                p-2
+                border rounded-xl border-gray-500/20
+                bg-blue-200
+                dark:bg-blue-800
                 transition-all
                 "
             >

src/routes/journals/+layout.svelte

@@ -184,7 +184,7 @@ $journals_slct.journal_obj_li = ae_acct.slct.journal_obj_li;
     <Help_tech
         e_class=""
         e_class_form_hidden=""
-        e_class_form_showing="inline-block"
+        e_class_form_showing="min-w-full"
         btn_class=""
         show_btn_class="btn-info"
         additional_kv={{