From 40cba6d841c8c84ad0246deda7dd6657fda43fdb Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Mon, 23 Jun 2025 13:10:11 -0400
Subject: [PATCH] Back to work on style changes related to TW 4

---
 .../events/[event_id]/presenter/[presenter_id]/+page.svelte   | 2 +-
 .../presenter/[presenter_id]/presenter_page_menu.svelte       | 4 ++--
 .../events/[event_id]/session/[session_id]/+page.svelte       | 2 +-
 .../[event_id]/session/[session_id]/session_page_menu.svelte  | 4 ++--
 src/routes/events/ae_comp__events_menu_nav.svelte             | 2 +-
 src/routes/events/ae_comp__events_menu_opts.svelte            | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/routes/events/[event_id]/presenter/[presenter_id]/+page.svelte b/src/routes/events/[event_id]/presenter/[presenter_id]/+page.svelte
index c5a53497..26a9cbe9 100644
--- a/src/routes/events/[event_id]/presenter/[presenter_id]/+page.svelte
+++ b/src/routes/events/[event_id]/presenter/[presenter_id]/+page.svelte
@@ -121,7 +121,7 @@ let lq__auth__event_presenter_obj = $derived(liveQuery(async () => {
 
 {:else if $lq__event_presenter_obj?.enable || $ae_loc.trusted_access}
 
-<h2 class="h2 text-center rounded-md p-1 px-2 bg-gray-300 flex flex-row gap-0.25 items-center justify-between w-full">
+<h2 class="h2 text-center rounded-md p-1 px-2 bg-gray-300 flex flex-row flex-wrap gap-0.25 items-center justify-between w-full">
     <span
         class="flex flex-row gap-1 items-center"
         >
diff --git a/src/routes/events/[event_id]/presenter/[presenter_id]/presenter_page_menu.svelte b/src/routes/events/[event_id]/presenter/[presenter_id]/presenter_page_menu.svelte
index 1269cc3a..eb5b0a73 100644
--- a/src/routes/events/[event_id]/presenter/[presenter_id]/presenter_page_menu.svelte
+++ b/src/routes/events/[event_id]/presenter/[presenter_id]/presenter_page_menu.svelte
@@ -42,7 +42,7 @@ let ae_triggers: key_val = {};
         />
 
     <span
-        class="ae_menu__object_options flex flex-row items-center justify-around"
+        class="ae_menu__object_options flex flex-row flex-wrap items-center justify-around"
         >
         <!-- Button to toggle between the regular presenter view and managing presenter files -->
         <button
@@ -187,7 +187,7 @@ let ae_triggers: key_val = {};
 
     <!-- BEGIN: The expanded menu area for information and options -->
     <div
-        class="flex flex-row items-center justify-around w-full bg-blue-100 hover:bg-blue-200 border border-blue-200 hover:border-blue-400 p-2 rounded-md"
+        class="flex flex-row flex-wrap items-center justify-around w-full bg-blue-100 hover:bg-blue-200 border border-blue-200 hover:border-blue-400 p-2 rounded-md"
         class:hidden={$events_loc.pres_mgmt.show_menu__presenter != 'options'}
         >
         <Element_ae_crud
diff --git a/src/routes/events/[event_id]/session/[session_id]/+page.svelte b/src/routes/events/[event_id]/session/[session_id]/+page.svelte
index a5125511..7914c88f 100644
--- a/src/routes/events/[event_id]/session/[session_id]/+page.svelte
+++ b/src/routes/events/[event_id]/session/[session_id]/+page.svelte
@@ -176,7 +176,7 @@ onMount(() => {
 
 {:else if $lq__event_session_obj?.enable || $ae_loc.trusted_access}
 
-<h2 class="h2 text-center rounded-md p-1 px-2 bg-gray-300 flex flex-row gap-0.25 items-center justify-between w-full">
+<h2 class="h2 text-center rounded-md p-1 px-2 bg-gray-300 flex flex-row flex-wrap gap-0.25 items-center justify-between w-full">
     <span
         class="flex flex-row gap-1 items-center"
         >
diff --git a/src/routes/events/[event_id]/session/[session_id]/session_page_menu.svelte b/src/routes/events/[event_id]/session/[session_id]/session_page_menu.svelte
index e48410f7..44121124 100644
--- a/src/routes/events/[event_id]/session/[session_id]/session_page_menu.svelte
+++ b/src/routes/events/[event_id]/session/[session_id]/session_page_menu.svelte
@@ -161,7 +161,7 @@ let ae_triggers: key_val = {};
                 Æ Session Menu Options
             </h2>
 
-            <div class="flex flex-row gap-1 items-center justify-between">
+            <div class="flex flex-row flex-wrap gap-1 items-center justify-between">
 
                 <div class="flex flex-row gap-1 items-center justify-evenly">
                     <Element_ae_crud
@@ -216,7 +216,7 @@ let ae_triggers: key_val = {};
                     </Element_ae_crud>
                 </div>
 
-                <div class="flex flex-row gap-1 items-center justify-evenly">
+                <div class="flex flex-row flex-wrap gap-1 items-center justify-evenly">
 
                     <Element_ae_crud
                         trigger_patch={ae_triggers.priority}
diff --git a/src/routes/events/ae_comp__events_menu_nav.svelte b/src/routes/events/ae_comp__events_menu_nav.svelte
index 24856d3b..6634f1a4 100644
--- a/src/routes/events/ae_comp__events_menu_nav.svelte
+++ b/src/routes/events/ae_comp__events_menu_nav.svelte
@@ -56,7 +56,7 @@ export let events__session_search: boolean = false; // event_id
     </span>
 
     <span
-        class="ae_menu__navigation_options flex flex-row items-center justify-around"
+        class="ae_menu__navigation_options flex flex-row flex-wrap items-center justify-around"
         >
         <a
             href="/events/{events__session_search}"
diff --git a/src/routes/events/ae_comp__events_menu_opts.svelte b/src/routes/events/ae_comp__events_menu_opts.svelte
index 7c14373d..f64f3a7c 100644
--- a/src/routes/events/ae_comp__events_menu_opts.svelte
+++ b/src/routes/events/ae_comp__events_menu_opts.svelte
@@ -34,7 +34,7 @@ export let hide: boolean = true;
     </h2>
 
     <div
-        class="flex flex-row gap-1 items-center justify-between"
+        class="flex flex-row flex-wrap gap-1 items-center justify-between"
         class:hidden={$events_loc.pres_mgmt.hide__menu_opts}
         >