From 40293e25b49f26f70ba6b200d792fe887959e888 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 1 Aug 2024 20:42:28 -0400
Subject: [PATCH] Making things scale better

---
 .../events_pres_mgmt/event_page_menu.svelte   | 42 +++++++++----------
 .../events_pres_mgmt/session_view.svelte      | 13 ++++--
 2 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/src/routes/events_pres_mgmt/event_page_menu.svelte b/src/routes/events_pres_mgmt/event_page_menu.svelte
index bfb63974..bf52c051 100644
--- a/src/routes/events_pres_mgmt/event_page_menu.svelte
+++ b/src/routes/events_pres_mgmt/event_page_menu.svelte
@@ -54,33 +54,33 @@ let ae_triggers: key_val = {};
     <span
         class="ae_menu__object_options"
         >
-    <button
-        type="button"
-        on:click={() => {
-            if ($events_loc.pres_mgmt.show_menu__session_search == 'help') {
-                $events_loc.pres_mgmt.show_menu__session_search = null;
-            } else {
-                $events_loc.pres_mgmt.show_menu__session_search = 'help';
-            }
-        }}
-        class="{ae_snip.classes__events_pres_mgmt_menu__button}"
-        title="Help and information about the session search"
-        >
-        <span class="fas fa-question-circle m-1"></span>
-        {#if $events_loc.pres_mgmt.show_menu__session_search}
-            Hide
-        {:else}
-            Show
-        {/if}
-        Help?
-    </button>
+        <button
+            type="button"
+            on:click={() => {
+                if ($events_loc.pres_mgmt.show_menu__session_search == 'help') {
+                    $events_loc.pres_mgmt.show_menu__session_search = null;
+                } else {
+                    $events_loc.pres_mgmt.show_menu__session_search = 'help';
+                }
+            }}
+            class="{ae_snip.classes__events_pres_mgmt_menu__button}"
+            title="Help and information about the session search"
+            >
+            <span class="fas fa-question-circle m-1"></span>
+            {#if $events_loc.pres_mgmt.show_menu__session_search}
+                Hide
+            {:else}
+                Show
+            {/if}
+            Help?
+        </button>
     </span>
 
     <span
         class="ae_menu__action_options"
         class:hidden={true}
         >
-        Nothing here yet.
+        No action options here yet.
     </span>
 
 
diff --git a/src/routes/events_pres_mgmt/session_view.svelte b/src/routes/events_pres_mgmt/session_view.svelte
index 6a3743b0..ff31aa41 100644
--- a/src/routes/events_pres_mgmt/session_view.svelte
+++ b/src/routes/events_pres_mgmt/session_view.svelte
@@ -704,23 +704,28 @@ $: if ($lq__event_session_obj) {
     {#if $ae_loc.trusted_access || $events_loc.auth__kv.session[$events_slct.event_session_id] || ($events_loc.auth__kv.presenter[$events_slct.event_presenter_id] &&  $lq__event_presenter_obj?.agree)}
 
     <div class="min-w-max flex flex-col gap-1">
+    <!-- This styling took a while and finally looks good on most sized screens. -->
     <a
-        class="btn btn-md variant-ghost-primary hover:variant-filled-primary flex flex-row items-center justify-between min-w-full"
+        class="btn btn-md variant-ghost-primary hover:variant-filled-primary flex flex-row items-center justify-between max-w-xs md:max-w-full text-wrap md:text-nowrap"
         href="https://static.oneskyit.com/c/LCI/files/LCI_Congress_Template_2024.pptx"
         >
         <span class="fas fa-download mx-1"></span>
+        <!-- This is subtle but helps with the button layout. -->
         <span class="text-center grow">
-        Download
+        <span class="text-sm">Download</span><br>
         LCI Congress Template 2024 (PowerPoint)
         </span>
     </a>
     <a
-        class="btn btn-md variant-ghost-primary hover:variant-filled-primary flex flex-row items-center justify-between min-w-full"
+        class="btn btn-md variant-ghost-primary hover:variant-filled-primary flex flex-row items-center justify-between max-w-xs md:max-w-full text-wrap md:text-nowrap"
         href="https://static.oneskyit.com/c/LCI/files/LCI_Speaker_and_Champion_Congress_Task_List_2024.xlsx"
         >
         <span class="fas fa-download mx-1"></span>
-        Download
+        <!-- This is subtle but helps with the button layout. -->
+        <span class="text-center grow wrap">
+        <span class="text-sm">Download</span><br>
         LCI Speaker and Champion Congress Task List (Excel)
+        </span>
     </a>
     </div>