From a6edc461f3f5a650affbe194eb8ff54fa722abc2 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Fri, 27 Jun 2025 18:16:46 -0400
Subject: [PATCH] Trying to get to a good stopping point for the day.

---
 .../ae_idaa_comp__event_obj_qry.svelte        | 43 +++++++++++--------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte
index 05eabf0d..7cd56597 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/ae_idaa_comp__event_obj_qry.svelte
@@ -190,17 +190,22 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
 </script>
 
 
-<section class="ae_section ae_options filters_and_search flex flex-col flex-wrap gap-1 my-2 p-2 border rounded-md items-center justify-center bg-gray-200 border-gray-300 dark:bg-gray-800 dark:border-gray-700">
-
-    <!-- <div class="ae_info recovery_meetings_info note">
-        {@html $idaa_loc.recovery_meetings.ds.recovery_meetings_info}
-    </div> -->
+<section
+    class="
+        ae_section ae_options filters_and_search flex flex-col flex-wrap gap-1 my-2 p-2 border rounded-md items-center justify-center bg-gray-200 border-gray-300 dark:bg-gray-800 dark:border-gray-700 d-flex align-items-center justify-content-center
+        "
+        >
 
+    <!-- WARNING: Using m-auto to work in the Novi iframe -->
     <form
         on:submit|preventDefault={() => {
             $idaa_trig.event_li_qry = true;
         }}
-        class="search_form flex flex-col flex-wrap gap-1 items-center justify-center w-full max-w-xl"
+        class="
+            search_form
+            flex flex-col flex-wrap gap-1 items-center justify-center w-full max-w-2xl
+            m-auto
+            "
         >
 
         <!-- <div class="ae_group">
@@ -212,7 +217,7 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
             bind:value={$idaa_loc.recovery_meetings.qry__fulltext_str}
             >
         </div> -->
-        <div class="ae_group flex flex-row flex-wrap gap-2 w-full items-center justify-center">
+        <div class="ae_group flex flex-row flex-wrap gap-2 w-full items-center justify-center border-b border-surface-300-700 p-1">
             <button
                 type="button"
                 class="novi_btn novi_smallest btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition-all *:hover:inline"
@@ -260,7 +265,7 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
             </button>
         </div>
 
-        <fieldset class="flex flex-row flex-wrap gap-4 w-full max-w-xl items-center justify-start">
+        <div class="flex flex-row flex-wrap gap-2 w-full max-w-xl items-center justify-start border-b border-surface-300-700 p-1">
             <span class="text-sm font-semibold">
                 Location?</span>
             <!-- <div class="ae_row ae_flex_justify_around ae_width_md"> -->
@@ -285,21 +290,21 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     >
             </label>
             <!-- </div> -->
-        </fieldset>
+        </div>
 
-        <fieldset class="flex flex-row flex-wrap gap-4 w-full max-w-xl items-center justify-start">
+        <div class="flex flex-row flex-wrap gap-2 w-full max-w-xl items-center justify-start border-b border-surface-300-700 p-1">
             <div class="text-sm font-semibold">
                 Type?
             </div>
             <!-- <div class="ae_row ae_flex_justify_around ae_width_100"> -->
-            <label class="flex flex-row gap-1 items-center justify-center">All
+            <label class="flex flex-row flex-wrap gap-1 items-center justify-center">All
                 <input
                     name="qry_type"
                     type="radio"
                     value=""
                     bind:group={$idaa_loc.recovery_meetings.qry__type}
                     on:change={() => {$idaa_trig.event_li_qry = true;}}
-                    class="radio"
+                    class="radio inline"
                     title="Show all meeting types"
                     >
             </label>
@@ -310,7 +315,7 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     value="IDAA"
                     bind:group={$idaa_loc.recovery_meetings.qry__type}
                     on:change={() => {$idaa_trig.event_li_qry = true;}}
-                    class="radio"
+                    class="radio inline"
                     title="Open to IDAA members only"
                     >
             </label>
@@ -321,7 +326,7 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     value="Caduceus"
                     bind:group={$idaa_loc.recovery_meetings.qry__type}
                     on:change={() => {$idaa_trig.event_li_qry = true;}}
-                    class="radio"
+                    class="radio inline"
                     title="Open to all healthcare workers including those who do not qualify for IDAA"
                     >
             </label>
@@ -357,7 +362,7 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
             </label>
             {/if} -->
             <!-- </div> -->
-        </fieldset>
+        </div>
 
     </form>
 
@@ -367,14 +372,14 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
         <div>Error: {error.message}</div>
     {/await} -->
 
-    <div class="ae_group ae_row flex flex-row flex-wrap gap-2 w-full max-w-full items-center justify-center">
+    <div class="ae_group ae_row flex flex-row flex-wrap gap-2 w-full max-w-full items-center justify-center p-1">
 
         <!-- Max events select options -->
         <span
-            class="flex flex-row gap-1 items-start justify-start"
+            class="flex flex-row gap-1 items-start justify-start p-1"
             >
             <label
-                class="text-sm w-32 text-right"
+                class="text-sm font-semibold w-32 text-right mx-1"
                 for="qry_limit__events">
                 Max results:
             </label>
@@ -414,7 +419,7 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
             class="flex flex-row gap-1 items-center justify-around"
             > -->
             <label
-                class="text-sm w-32 text-right"
+                class="text-sm font-semibold w-32 text-right mx-1"
                 for="qry_order_by__events">
                 Sort by:
             </label>