Rearrange DOM because Owen asked me to

1 files changed, 9 insertions, 9 deletions

diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte
index c57b747..cf5d5f1 100644
--- a/ui/routes/(app)/+layout.svelte
+++ b/ui/routes/(app)/+layout.svelte
@@ -71,15 +71,6 @@
     <h2>Loading&hellip;</h2>
 {:else}
     <div id="interface" class="p-2">
-        <main>
-            <div class="active-channel border border-solid border-gray-400 rounded-[1.25rem]">
-                <slot />
-            </div>
-            <div class="create-message overflow-scroll max-h-full">
-                <MessageInput {channel} />
-            </div>
-        </main>
-
         <nav id="sidebar" data-expanded={showMenuValue}>
             <button class="h-4 w-4" aria-controls="sidebar" aria-expanded={showMenuValue} on:click={toggleMenu}>&#10006;</button>
             <div class="channel-list">
@@ -89,6 +80,14 @@
                 <CreateChannelForm />
             </div>
         </nav>
+        <main>
+            <div class="active-channel border border-solid border-gray-400 rounded-[1.25rem]">
+                <slot />
+            </div>
+            <div class="create-message overflow-scroll max-h-full">
+                <MessageInput {channel} />
+            </div>
+        </main>
     </div>
 {/if}
 
@@ -122,6 +121,7 @@ nav {
     transition: translate 300ms ease-out;
     width: 21rem;
     height: calc(100vh - var(--app-bar-height) - var(--interface-padding));
+    z-index: 10;
 }
 nav button {
     position: absolute;