From 9ed87906490fa3fdb10c1319771511004afe89d3 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Mon, 1 Jun 2026 17:44:06 +0200
Subject: [PATCH] feat(place-search-bar-below-navbar): show search bar wrapper
 component below the navbar on small screens

---
 src/features/nav/components/Navbar.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/features/nav/components/Navbar.vue b/src/features/nav/components/Navbar.vue
index f7c2b85..c6c348d 100644
--- a/src/features/nav/components/Navbar.vue
+++ b/src/features/nav/components/Navbar.vue
@@ -36,6 +36,7 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
             </li>
         </ul>
     </nav>
+    <NavbarSearchBarWrapper class="navbar-search-bar-wrapper-small-screens" />
 </template>
 
 <style scoped>
@@ -70,9 +71,17 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
     width: auto;
 }
 
+.navbar-search-bar-wrapper-small-screens {
+    display: none;
+}
+
 @media (max-width: 48rem) {
     .navbar-search-bar-wrapper {
         display: none;
     }
+
+    .navbar-search-bar-wrapper-small-screens {
+        display: block;
+    }
 }
 </style>