From 7bb4e20ce7c0f340e2717436f9fda4fb91b22fe2 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Fri, 22 Aug 2025 15:28:35 -0400
Subject: [PATCH] Mostly style improvements.

---
 .../journals/ae_comp__journal_obj_li.svelte   | 33 +++++++++++++++----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/routes/journals/ae_comp__journal_obj_li.svelte b/src/routes/journals/ae_comp__journal_obj_li.svelte
index 980d69d5..6a1a6ec8 100644
--- a/src/routes/journals/ae_comp__journal_obj_li.svelte
+++ b/src/routes/journals/ae_comp__journal_obj_li.svelte
@@ -29,24 +29,45 @@ let { lq__journal_obj_li }: Props = $props();
 
 {#each $lq__journal_obj_li as journals_journal_obj, index}
     <div
-        class="container journal journal_obj border rounded p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center bg-{journals_journal_obj?.cfg_json.color_scheme}-100"
+        class="
+            container journal journal_obj
+            border rounded p-2 mb-2 space-y-2
+            w-full max-w-(--breakpoint-md)
+            flex flex-col items-center justify-center
+            bg-{journals_journal_obj?.cfg_json.color_scheme}-100
+            "
         class:hidden={(journals_journal_obj?.hide || !journals_journal_obj?.enable) && !$ae_loc.trusted_access}
         class:dim={journals_journal_obj.hide}
         class:bg-warning-100={!journals_journal_obj?.enable}
         class:text-warning-900={!journals_journal_obj?.enable}
         >
 
-        <header class="ae_header flex flex-row gap-2 items-center justify-between w-full">
+        <header
+            class="
+                ae_header
+                flex flex-row gap-2 items-center justify-between
+                w-full
+                text-neutral-800/60
+                "
+                >
             <h3 class="journal__name h3">
 
-                <BookType class="m-1 inline-block text-neutral-800/60" />
-
+                <BookType class="m-1 inline-block" />
                 <span class="journal__name">{@html journals_journal_obj.name}</span>
+
             </h3>
 
             <!-- Show a label if the type code is set -->
             {#if journals_journal_obj.type_code}
-                <span class="bg-yellow-50 text-yellow-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-yellow-900 dark:text-yellow-300">
+                <span
+                    class="
+                        preset-tonal-warning
+                        text-xs font-semibold
+                        mr-2 px-2.5 py-0.5
+                        rounded
+
+                        "
+                        >
                     <!-- <span class="ae_label">Type:</span> -->
                     <span class="ae_value">{journals_journal_obj.type_code}</span>
                 </span>
@@ -55,7 +76,7 @@ let { lq__journal_obj_li }: Props = $props();
 
         <!-- {journals_journal_obj?.tmp_sort_3} -->
 
-        {#if journals_journal_obj.description}
+        {#if journals_journal_obj.description && $ae_loc.edit_mode}
         <div
             class="
                 prose