Working on update a lot of pages using the ae_loc hub section.

src/routes/journals/[journal_id]/+layout.svelte

@@ -92,7 +92,8 @@ async function handle_update_journal() {
     class="
         ae_journals__journal
         container h-full mx-auto
-        flex flex-col gap-1
+        flex flex-col
+        gap-1
         py-1 px-2 pb-16
         items-center
         min-w-full
@@ -101,7 +102,16 @@ async function handle_update_journal() {
     >
 
 
-<div class="flex flex-row items-center justify-between w-full border-gray-200 border-y-2 py-2">
+<div
+    class="
+        flex flex-row flex-wrap
+        gap-1
+        items-center justify-between
+        border-gray-200 border-y-
+        w-full
+        py-2
+        "
+    >
     <a href="/journals"
         class="
             btn btn-sm

src/routes/journals/[journal_id]/+page.svelte

@@ -6,10 +6,9 @@ let log_lvl: number = 0;
 import { browser } from '$app/environment';
 import { goto } from '$app/navigation';
 
+// *** Import other supporting libraries
 // import * as icons from '@lucide/svelte';
 import { BookHeart, FilePlus } from '@lucide/svelte';
-
-// *** Import other supporting libraries
 import { Modal } from 'flowbite-svelte';
 import { liveQuery } from "dexie";