From 4d7e48a170ac7e299bdc2c7f931e02a0548db764 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Wed, 26 Jun 2024 14:39:30 -0400
Subject: [PATCH] Making things look pretty

---
 .../event/[slug]/+page.svelte                 | 29 +++++++++++++++++--
 .../session/[slug]/+page.svelte               | 27 +++++++++++++++--
 2 files changed, 51 insertions(+), 5 deletions(-)

diff --git a/src/routes/events_pres_mgmt/event/[slug]/+page.svelte b/src/routes/events_pres_mgmt/event/[slug]/+page.svelte
index 82b48703..28954735 100644
--- a/src/routes/events_pres_mgmt/event/[slug]/+page.svelte
+++ b/src/routes/events_pres_mgmt/event/[slug]/+page.svelte
@@ -211,14 +211,17 @@ $: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id)
     >
 
 
-<div class="pres_mgmt__session_search_help flex flex-col items-center space-y-2">
+<div
+    class="pres_mgmt__session_search_help flex flex-col items-center space-y-2 border border-blue-200 rounded-md p-2 hover:bg-blue-100"
+    class:border-none={!$events_loc.pres_mgmt.show_content__session_search_help}
+    >
 <div>
 <button
     type="button"
     on:click={() => {
         $events_loc.pres_mgmt.show_content__session_search_help = !$events_loc.pres_mgmt.show_content__session_search_help;
     }}
-    class="btn btn-sm m-1 variant-soft-tertiary text-info-300 hover:text-info-800"
+    class="btn btn-sm mx-1 variant-soft-tertiary text-info-300 hover:text-info-800"
     title="Help and information about the session search"
     >
     <span class="fas fa-question-circle mx-1"></span>
@@ -227,7 +230,7 @@ $: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id)
     {:else}
         Show
     {/if}
-    Help
+    Help?
 </button>
 </div>
 
@@ -242,6 +245,26 @@ $: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id)
     show_edit_btn={true}
     hide={!$events_loc.pres_mgmt.show_content__session_search_help}
     />
+
+<div>
+    <button
+        type="button"
+        on:click={() => {
+            $events_loc.pres_mgmt.show_content__session_search_help = !$events_loc.pres_mgmt.show_content__session_search_help;
+        }}
+        class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
+        class:hidden={!$events_loc.pres_mgmt.show_content__session_search_help}
+        title="Help and information about the session search"
+        >
+        <span class="fas fa-question-circle mx-1"></span>
+        {#if $events_loc.pres_mgmt.show_content__session_search_help}
+            Hide
+        {:else}
+            Show
+        {/if}
+        Help?
+    </button>
+</div>
 </div>
 
 
diff --git a/src/routes/events_pres_mgmt/session/[slug]/+page.svelte b/src/routes/events_pres_mgmt/session/[slug]/+page.svelte
index 355ede12..12c79b19 100644
--- a/src/routes/events_pres_mgmt/session/[slug]/+page.svelte
+++ b/src/routes/events_pres_mgmt/session/[slug]/+page.svelte
@@ -427,14 +427,17 @@ function send_sign_in_poc_email(
     class="ae_events_pres_mgmt_event_session md:container h-full mx-auto flex flex-col space-y-4 pt-0 pb-8"
     >
 
-<div class="pres_mgmt__session_help flex flex-col items-center space-y-2">
+<div
+    class="pres_mgmt__session_help flex flex-col items-center space-y-2 border border-blue-200 rounded-md p-2 hover:bg-blue-100"
+    class:border-none={!$events_loc.pres_mgmt.show_content__session_help}
+    >
 <div>
 <button
     type="button"
     on:click={() => {
         $events_loc.pres_mgmt.show_content__session_help = !$events_loc.pres_mgmt.show_content__session_help;
     }}
-    class="btn btn-sm m-1 variant-soft-tertiary text-info-300 hover:text-info-800"
+    class="btn btn-sm mx-1 variant-soft-tertiary text-info-300 hover:text-info-800"
     title="Help and information about the session"
     >
     <span class="fas fa-question-circle mx-1"></span>
@@ -458,6 +461,26 @@ function send_sign_in_poc_email(
     show_edit_btn={true}
     hide={!$events_loc.pres_mgmt.show_content__session_help}
     />
+
+<div>
+    <button
+        type="button"
+        on:click={() => {
+            $events_loc.pres_mgmt.show_content__session_help = !$events_loc.pres_mgmt.show_content__session_help;
+        }}
+        class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
+        class:hidden={!$events_loc.pres_mgmt.show_content__session_help}
+        title="Help and information about the session search"
+        >
+        <span class="fas fa-question-circle mx-1"></span>
+        {#if $events_loc.pres_mgmt.show_content__session_help}
+            Hide
+        {:else}
+            Show
+        {/if}
+        Help?
+    </button>
+</div>
 </div>
 
 {#if $events_slct.event_session_id && $lq__event_session_obj}