From e3ca240cb1f596796b9179b1da39847668deb087 Mon Sep 17 00:00:00 2001
From: knrdl <35548889+knrdl@users.noreply.github.com>
Date: Wed, 4 Jan 2023 23:43:02 +0100
Subject: [PATCH] fix: remove container list overlay  button from login page

---
 client/src/App.svelte | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/client/src/App.svelte b/client/src/App.svelte
index 0fd2c3f..c2c4048 100644
--- a/client/src/App.svelte
+++ b/client/src/App.svelte
@@ -50,13 +50,15 @@
 
 <main>
     <header>
-        <a href="/#/" class="d-md-none d-flex justify-content-center align-items-center"
-           on:click|preventDefault={()=>showContainerListOverlay = !showContainerListOverlay}>
-            <Fa icon={faBars} color="#123" size="2x" style="width: 3rem;height: 3rem;"/>
-        </a>
+        {#if loggedInUsername}
+            <a href="/#/" class="d-md-none d-flex justify-content-center align-items-center"
+               on:click|preventDefault={()=>showContainerListOverlay = !showContainerListOverlay}>
+                <Fa icon={faBars} color="#123" size="2x" style="width: 3rem;height: 3rem;"/>
+            </a>
+        {/if}
         <a href="/#/" class="d-flex justify-content-center align-items-center"
            on:click|preventDefault={()=>showHostInfo=true}>
-            <span class="d-none d-md-block">
+            <span class:d-none={loggedInUsername} class:d-md-block={loggedInUsername}>
                 <Fa icon={faHouseUser} color="#123" size="2x" style="width: 3rem;height: 3rem;"/>
             </span>
             <span class="text-black ps-2 fs-2 fw-light">
@@ -98,6 +100,8 @@
     header .items-right {
         display: flex;
         align-items: center;
+        flex-wrap: wrap;
+        justify-content: end;
     }
 
     main {