Work on overall styles

src/routes/journals/+layout.svelte

@@ -66,9 +66,18 @@ if (browser) {
 
 
 <!-- These are needed: h-full overflow-auto -->
-<div class="ae_journals">
+<div class="ae_journals h-full max-h-full overflow-auto flex flex-col gap-1">
 
-<nav class="submenu flex flex-row flex-wrap items-center justify-center gap-1">
+<nav
+    class="
+        submenu
+        flex flex-row flex-wrap
+        items-center justify-center
+        gap-1
+        border-b-2
+        pb-2
+        "
+    >
     <a
         href="/"
         class="btn btn-sm variant-ghost-surface hover:variant-filled-success"
@@ -126,7 +135,7 @@ if (browser) {
 </section> -->
 
 
-<section class="main_content container p-1 pb-28">
+<section class="main_content flex-grow px-1 md:px-2 pb-28 overflow-auto">
     {@render children()}
 </section>