From 107330c70cd0861a7e57e8ab0913cf63a85c4507 Mon Sep 17 00:00:00 2001
From: Thomas Basler <thomas@familie-basler.net>
Date: Mon, 7 Nov 2022 20:51:09 +0100
Subject: [PATCH] webapp: Fix location of Logout button

---
 webapp/src/components/NavBar.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/NavBar.vue b/webapp/src/components/NavBar.vue
index e66760a..4cda703 100644
--- a/webapp/src/components/NavBar.vue
+++ b/webapp/src/components/NavBar.vue
@@ -7,7 +7,7 @@
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="collapse navbar-collapse" ref="navbarCollapse" id="navbarNavAltMarkup">
-                <ul class="navbar-nav">
+                <ul class="navbar-nav me-auto">
                     <li class="nav-item">
                         <router-link @click="onClick" class="nav-link" to="/">Live Data</router-link>
                     </li>
@@ -72,10 +72,10 @@
                         <router-link @click="onClick" class="nav-link" to="/about">About</router-link>
                     </li>
                 </ul>
+                <form class="d-flex" role="search" v-if="isLogged">
+                    <button class="btn btn-outline-danger" @click="signout">Logout</button>
+                </form>
             </div>
-            <form class="d-flex" role="search" v-if="isLogged">
-                <button class="btn btn-outline-danger" @click="signout">Logout</button>
-            </form>
         </div>
     </nav>
 </template>