From a824ee57df96cb94537afd9683432e0094a2cfa6 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Mon, 1 Jun 2026 17:45:20 +0200
Subject: [PATCH] feat(place-search-bar-below-navbar): add padding to the
 search bar wrapper below the navbar (on small screens)

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

diff --git a/src/features/nav/components/Navbar.vue b/src/features/nav/components/Navbar.vue
index c6c348d..c2f6349 100644
--- a/src/features/nav/components/Navbar.vue
+++ b/src/features/nav/components/Navbar.vue
@@ -36,7 +36,9 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
             </li>
         </ul>
     </nav>
-    <NavbarSearchBarWrapper class="navbar-search-bar-wrapper-small-screens" />
+    <div class="navbar-search-bar-wrapper-small-screens-wrapper">
+        <NavbarSearchBarWrapper class="navbar-search-bar-wrapper-small-screens" />
+    </div>
 </template>
 
 <style scoped>
@@ -71,6 +73,10 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
     width: auto;
 }
 
+.navbar-search-bar-wrapper-small-screens-wrapper {
+    padding: 0 15px 15px;
+}
+
 .navbar-search-bar-wrapper-small-screens {
     display: none;
 }