Minor fixes. Better dark mode style.

src/routes/journals/ae_comp__journal_obj_id_edit.svelte

@@ -39,6 +39,7 @@ import { Modal } from 'flowbite-svelte';
 
 // *** Import Aether specific variables and functions
 import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
 import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
 import { journals_loc, journals_sess, journals_slct, journals_prom, journals_trig } from '$lib/ae_journals/ae_journals_stores';
 import { journals_func } from '$lib/ae_journals/ae_journals_functions';
@@ -123,23 +124,47 @@ async function handle_update_journal() {
 </script>
 
 
+<!-- title="Edit Journal / Settings" -->
 
 <Modal
-    title="Edit Journal"
     bind:open={show}
     autoclose={false}
     placement="top-center"
     size="xl"
     class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
+    headerClass="
+        flex flex-row gap-2 items-center justify-between
+        w-full
+        bg-gray-100 dark:bg-gray-900
+        "
+    footerClass="
+        flex flex-row gap-2 items-center justify-center
+        w-full
+        bg-gray-100 dark:bg-gray-900
+        "
     >
+
+    {#snippet header()}
+        <h3>
+            <span class="text-base font-semibold">
+                <span class="text-primary-500">
+                    <BookOpenText class="inline-block mr-1" />
+                </span>
+                Edit Journal / Settings:
+            </span>
+            {$lq__journal_obj?.name ?? '-- not set --'}
+        </h3>
+    {/snippet}
+
+
     <div class="modal">
         <div class="modal-box mx-2 mb-14 space-y-4">
 
-
 {#if !tmp__journal_obj || typeof tmp__journal_obj.cfg_json !== 'object'}
-    Not found or loading?
-{:else}
 
+    Not found or loading?
+
+{:else}
 
 <div class="space-y-2 py-2 mb-2">
 
@@ -1164,18 +1189,17 @@ async function handle_update_journal() {
     </button>
 </div>
 
-
-<!--
-<div class="modal-action">
-</div> -->
-
-
 {/if}
+
         </div>
     </div>
 
 
     {#snippet footer()}
+    <div class="
+
+        "
+        >
         <button
             type="button"
             onclick={handle_update_journal}
@@ -1193,5 +1217,6 @@ async function handle_update_journal() {
             <X />
             Cancel
         </button>
+    </div>
     {/snippet}
 </Modal>