From 1ad12519310d8366b9392a1c2da19fdf4a8a9bd7 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Mon, 23 Jun 2025 14:47:37 -0400
Subject: [PATCH] More work on IDAA styles

---
 .../(idaa)/recovery_meetings/+page.svelte     |  9 ++++---
 .../ae_idaa_comp__event_obj_qry.svelte        | 26 +++++++++----------
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte b/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte
index b1422715..5e261cdc 100644
--- a/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte
+++ b/src/routes/idaa/(idaa)/recovery_meetings/+page.svelte
@@ -347,13 +347,14 @@ function add_activity_log(
 </svelte:head>
 
 
-<section
+<div
     class="
         ae_idaa__recovery_meetings
         container h-full mx-auto
-        flex flex-col gap-1
+        flex flex-col flex-wrap gap-1
         py-1 px-2 pb-16
         items-center
+        justify-center
         min-w-full
         max-w-max
         "
@@ -367,7 +368,7 @@ function add_activity_log(
 <Element_data_store
     ds_code="recovery_meetings_info"
     ds_type="html"
-    class_li="border border rounded-lg bg-gray-100 p-2 max-w-(--breakpoint-lg) space-y-2"
+    class_li="border border-red rounded-lg bg-gray-100 p-2 max-w-(--breakpoint-lg) space-y-2"
     show_edit_btn={true}
     />
 
@@ -381,7 +382,7 @@ function add_activity_log(
 {/if}
 
 
-</section>
+</div>
 
 
 <!-- Modal: Event (Recovery Meeting) edit ID -->
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 6164e525..884ad1c2 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
@@ -189,7 +189,7 @@ 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 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">
+<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}
@@ -199,7 +199,7 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
         on:submit|preventDefault={() => {
             $idaa_trig.event_li_qry = true;
         }}
-        class="search_form flex flex-col gap-1 w-full"
+        class="search_form flex flex-col flex-wrap gap-1 items-center justify-center w-full max-w-xl"
         >
 
         <!-- <div class="ae_group">
@@ -259,9 +259,9 @@ 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 items-center justify-center">
-            <div class="legend inline-block">
-                Location?</div>
+        <fieldset class="flex flex-row flex-wrap gap-4 w-full max-w-xl items-center justify-start">
+            <span class="text-sm font-semibold">
+                Location?</span>
             <!-- <div class="ae_row ae_flex_justify_around ae_width_md"> -->
             <label class="flex flex-row gap-1 items-center justify-center">
                 Virtual
@@ -270,7 +270,7 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     type="checkbox"
                     bind:checked={$idaa_loc.recovery_meetings.qry__virtual}
                     on:change={() => {$idaa_trig.event_li_qry = true;}}
-                    class="checkbox"
+                    class="checkbox inline"
                     >
             </label>
             <label class="flex flex-row gap-1 items-center justify-center">
@@ -280,14 +280,14 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     type="checkbox"
                     bind:checked={$idaa_loc.recovery_meetings.qry__physical}
                     on:change={() => {$idaa_trig.event_li_qry = true;}}
-                    class="checkbox"
+                    class="checkbox inline"
                     >
             </label>
             <!-- </div> -->
         </fieldset>
 
-        <fieldset class="flex flex-row flex-wrap gap-4 w-full items-center justify-center">
-            <div class="legend inline-block text-sm">
+        <fieldset class="flex flex-row flex-wrap gap-4 w-full max-w-xl items-center justify-start">
+            <div class="text-sm font-semibold">
                 Type?
             </div>
             <!-- <div class="ae_row ae_flex_justify_around ae_width_100"> -->
@@ -366,11 +366,11 @@ 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 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">
 
         <!-- Max events select options -->
         <span
-            class="flex flex-row gap-1 items-center justify-around"
+            class="flex flex-row gap-1 items-start justify-start"
             >
             <label
                 class="text-sm w-32 text-right"
@@ -518,7 +518,7 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                 $idaa_sess.recovery_meetings.show__modal_view = false;
                 $idaa_sess.recovery_meetings.show__modal_edit = true;
             }}
-            class="novi_btn btn btn-tertiary btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition text-xs"
+            class="novi_btn btn btn-sm btn-tertiary preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition text-xs"
             disabled={!$ae_loc.authenticated_access}
             >
             <span class="fas fa-plus m-1"></span> Create New Meeting
@@ -546,7 +546,7 @@ if ($idaa_loc.recovery_meetings.qry__fulltext_str && $idaa_loc.recovery_meetings
                     });
 
             }}
-            class="novi_btn btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition w-42 mb-1 export_data_btn text-xs"
+            class="novi_btn export_data_btn btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition text-xs"
             title={`Download sponsorship data for ${$ae_loc.account_name}`}
             >
             {#await ae_promises.download__events_export}