Style improvements

src/routes/journals/+page.svelte

@@ -11,7 +11,8 @@ import { goto } from '$app/navigation';
 import {
         BookPlus,
         FolderPlus, Library,
-        SquareLibrary
+        SquareLibrary,
+        Wrench
     } from '@lucide/svelte';
 import { liveQuery } from "dexie";
 import { Modal } from 'flowbite-svelte';
@@ -21,7 +22,7 @@ import { Modal } from 'flowbite-svelte';
 import { db_journals } from "$lib/ae_journals/db_journals";
 import { journals_func } from '$lib/ae_journals/ae_journals_functions';
 import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
-import { journals_loc, journals_slct, journals_trig } from '$lib/ae_journals/ae_journals_stores';
+import { journals_loc, journals_sess, journals_slct, journals_trig } from '$lib/ae_journals/ae_journals_stores';
 import { ae_util } from '$lib/ae_utils/ae_utils';
 interface Props {
     data: any;
@@ -31,7 +32,6 @@ let { data }: Props = $props();
 
 
 import Journal_obj_li from './ae_comp__journal_obj_li.svelte';
-	import { journals_sess } from '$lib/ae_journals/ae_journals_stores';
 
 // import Element_data_store from '$lib/element_data_store_v2.svelte';
 
@@ -161,24 +161,55 @@ async function create_journal() {
     Journals for {$ae_loc.account_name ?? 'Æ loading...'}
 </h1>
 
-<div class="flex flex-row items-center justify-center w-full border-gray-200 border-y-2 py-2">
+<div
+    class="flex flex-row flex-wrap gap-1 items-center justify-center w-full border-gray-200 border-y-2 py-2"
+    class:hidden={!$ae_loc.edit_mode}
+    >
     <!-- Add new journal button -->
     <button
+        type="button"
         class="
-        btn btn-sm
-        variant-ghost-secondary
-        hover:variant-filled-secondary
-        transition
-        "
+            btn btn-sm
+            variant-ghost-secondary
+            hover:variant-filled-secondary
+            transition
+            "
         onclick={
             () => {
                 $journals_sess.show__modal_new__journal_obj = true;
             }
         }
+        title="Create a new journal"
         >
         <!-- <FolderPlus class="mx-1" /> -->
-        <BookPlus />
-        New Journal
+        <BookPlus class="mx-1" />
+        <span class="hidden md:inline">
+            New Journal
+        </span>
+    </button>
+
+    <!-- Show Journals Config button -->
+    <button
+        disabled={true}
+        type="button"
+        class="
+            btn btn-sm
+            variant-ghost-secondary
+            hover:variant-filled-secondary
+            transition
+            "
+        onclick={
+            () => {
+                // Redirect to the journals config page
+                // goto('/journals/config');
+            }
+        }
+        title="Configure Journals"
+        >
+        <Wrench class="mx-1" />
+        <span class="hidden md:inline">
+            Journals Config
+        </span>
     </button>
 
 </div>