From 86b9625254a72983bf51c0857def25a4171f8a04 Mon Sep 17 00:00:00 2001
From: Nikolaj Kappler <info@nkappler.de>
Date: Sat, 27 Jan 2024 13:29:43 +0100
Subject: [PATCH] fix #1668

use builtin bootstrap css for scrolling
---
 webapp/src/components/NavBar.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/webapp/src/components/NavBar.vue b/webapp/src/components/NavBar.vue
index 8aa256922..53995df73 100644
--- a/webapp/src/components/NavBar.vue
+++ b/webapp/src/components/NavBar.vue
@@ -17,7 +17,7 @@
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="collapse navbar-collapse" ref="navbarCollapse" id="navbarNavAltMarkup">
-                <ul class="navbar-nav me-auto">
+                <ul class="navbar-nav navbar-nav-scroll d-flex me-auto flex-sm-fill">
                     <li class="nav-item">
                         <router-link @click="onClick" class="nav-link" to="/">{{ $t('menu.LiveView') }}</router-link>
                     </li>
@@ -93,8 +93,7 @@
                     <li class="nav-item">
                         <router-link @click="onClick" class="nav-link" to="/about">{{ $t('menu.About') }}</router-link>
                     </li>
-                </ul>
-                <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
+                    <li class="flex-sm-fill"></li>
                     <ThemeSwitcher class="me-2" />
                     <form class="d-flex" role="search">
                         <LocaleSwitcher class="me-2" />
@@ -185,4 +184,4 @@ export default defineComponent({
         }
     },
 });
-</script>
+</script>
\ No newline at end of file