Making things look better

src/routes/journals/+layout.svelte

@@ -7,7 +7,12 @@ import { goto } from '$app/navigation';
 
 // *** Import other supporting libraries
 // import * as icons from '@lucide/svelte';
-import { House } from '@lucide/svelte';
+import {
+        Brain,
+        House, Library,
+        RefreshCw,
+        Satellite
+    } from '@lucide/svelte';
 
 // *** Import Aether specific variables and functions
 import type { key_val } from '$lib/ae_stores';
@@ -15,6 +20,7 @@ import type { key_val } from '$lib/ae_stores';
 // import { api } from '$lib/api';
 import { ae_loc, ae_sess, ae_api, slct } from '$lib/ae_stores';
 import { journals_loc, journals_slct, journals_trig } from '$lib/ae_journals/ae_journals_stores';
+
 // import { journals_func } from '$lib/ae_journals/ae_journals_functions';
 
 // import Element_data_store from '$lib/element_data_store_v2.svelte';
@@ -72,18 +78,34 @@ if (browser) {
     class="
         submenu
         flex flex-row flex-wrap
-        items-center justify-center
+        items-center justify-between
         gap-1
         border-b-2
+        p-1
+        px-2
         pb-2
         "
     >
+    <span class="justify-self-start">
+
+        <!-- Be sure to explain what &AElig; (Aether) means in the title text or similar! -->
+        <Satellite
+            size="1.5em"
+            class="mx-1 inline-block text-gray-500"
+            />
+        <abbr title="Aether">
+            &AElig;
+            Journals
+        </abbr>
+    </span>
     <a
         href="/"
         class="btn btn-sm variant-ghost-surface hover:variant-filled-success"
         >
         <House />
-        Home
+        <span class="hidden md:inline">
+            Home
+        </span>
     </a>
     <!-- <a href="/about" class="btn btn-sm">About</a> -->
     <!-- <a href="/settings" class="btn btn-sm">Settings</a> -->
@@ -115,7 +137,8 @@ if (browser) {
         title="Clear App Data &amp; Settings - Reload: Clear the browser storage for this site"
         >
         <!-- <span class="fas fa-eraser mx-1"></span> -->
-        <span class="fas fa-sync mx-1"></span>
+        <!-- <span class="fas fa-sync mx-1"></span> -->
+        <RefreshCw />
         <span class="hidden md:inline">Clear &amp; Reload</span>
     </button>
 </nav>