From 32553ca429eeca7ab1d47e0e4311000dfa6d1da3 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 3 Apr 2025 16:51:44 -0400
Subject: [PATCH] Style improvements

---
 .../ae_comp__journal_entry_obj_id_view.svelte | 36 +++++++++++++------
 .../ae_comp__journal_entry_obj_li.svelte      |  4 ++-
 2 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/src/routes/journals/ae_comp__journal_entry_obj_id_view.svelte b/src/routes/journals/ae_comp__journal_entry_obj_id_view.svelte
index 54f2e33d..ae943afb 100644
--- a/src/routes/journals/ae_comp__journal_entry_obj_id_view.svelte
+++ b/src/routes/journals/ae_comp__journal_entry_obj_id_view.svelte
@@ -724,19 +724,32 @@ $effect(() => {
     }}
     role={$ae_loc.edit_mode ? 'button' : 'article'}
     tabindex={$ae_loc.edit_mode ? 0 : -1}
-    class:bg-orange-100={$ae_loc.edit_mode}
+
     class:hidden={!$ae_loc.trusted_access || $journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id]}
     class="
-        flex-grow min-h-48 w-full max-w-6xl
-        p-2
-        font-mono shadow-md rounded-lg
-        border border-gray-200 dark:border-gray-700
-        hover:border-gray-500 dark:hover:border-gray-500
+        flex-grow
+        flex flex-col items-center justify-center
         "
 
     >
     <article
-        class="prose"
+        class:border-orange-200={$ae_loc.edit_mode}
+        class:hover:border-orange-500={$ae_loc.edit_mode}
+        class="
+            prose
+            flex-grow
+            h-full min-h-48 w-full min-w-full max-w-6xl
+            p-2
+            font-mono
+            !bg-slate-100 !text-gray-900
+            dark:!bg-slate-900 dark:!text-gray-100
+            dark:prose-invert
+            shadow-md rounded-lg
+            border border-gray-200 dark:border-gray-700
+            hover:border-gray-500 dark:hover:border-gray-500
+            prose-h1:text-2xl prose-h2:text-xl prose-h3:text-lg
+            prose-h1:m-0 prose-h2:m-0 prose-h3:m-0 prose-h4:m-0 prose-h5:m-0 prose-h6:m-0
+            "
         id="rendered_journal_entry_content_{$lq__journal_entry_obj?.journal_entry_id}"
         >
         {@html $lq__journal_entry_obj?.content_md_html}
@@ -761,11 +774,14 @@ $effect(() => {
             $journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id] = $journals_loc.entry.edit;
         }
     }}
-    class:bg-orange-100={$ae_loc.edit_mode}
+    class:border-orange-200={$ae_loc.edit_mode}
+    class:hover:border-orange-500={$ae_loc.edit_mode}
     class="
-        flex-grow min-h-48 w-full h-full
+        flex-grow min-h-48 h-full w-full
         p-2
-        bg-white shadow-lg rounded-lg
+        bg-slate-100 text-gray-900
+        dark:bg-slate-900 dark:text-gray-100
+        shadow-lg rounded-lg
         border border-gray-200 dark:border-gray-700
         hover:border-gray-500 dark:hover:border-gray-500
         "
diff --git a/src/routes/journals/ae_comp__journal_entry_obj_li.svelte b/src/routes/journals/ae_comp__journal_entry_obj_li.svelte
index 205218a7..4357c63d 100644
--- a/src/routes/journals/ae_comp__journal_entry_obj_li.svelte
+++ b/src/routes/journals/ae_comp__journal_entry_obj_li.svelte
@@ -276,7 +276,9 @@ let tmp_entry_obj: key_val = $state({});
                 class="
                     journal__content
                     w-full p-1
-                    bg-white shadow-lg rounded-lg
+                    bg-slate-100 text-gray-900
+                    dark:bg-slate-900 dark:text-gray-100
+                    shadow-lg rounded-lg
                     border border-gray-200 dark:border-gray-700
                     hover:border-gray-500 dark:hover:border-gray-500
                     text-wrap text-sm font-mono whitespace-pre-wrap