From c7028c96647f4d29ad7a1f0f05640e55d027c7d6 Mon Sep 17 00:00:00 2001
From: Thomas Amland <thomas.amland@gmail.com>
Date: Thu, 2 Jan 2025 12:17:40 +0100
Subject: [PATCH] fix search form width in mobile view

---
 src/app/TopNav.vue                | 6 ++----
 src/library/search/SearchForm.vue | 2 +-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/app/TopNav.vue b/src/app/TopNav.vue
index c7024da..6c5dd07 100644
--- a/src/app/TopNav.vue
+++ b/src/app/TopNav.vue
@@ -1,12 +1,10 @@
 <template>
   <div class="d-flex align-items-center mb-2">
-    <button class="btn navbar-toggler text-white d-md-none" @click="store.showMenu">
+    <button class="btn navbar-toggler text-white d-md-none me-2" @click="store.showMenu">
       <Icon icon="nav" />
     </button>
 
-    <div class="ms-auto" />
-
-    <SearchForm class="mx-2" />
+    <SearchForm class="flex-grow-1 flex-md-grow-0 ms-auto me-2" />
 
     <template v-if="store.username">
       <b-dropdown variant="link" right no-caret toggle-class="px-0">
diff --git a/src/library/search/SearchForm.vue b/src/library/search/SearchForm.vue
index 791861a..198502f 100644
--- a/src/library/search/SearchForm.vue
+++ b/src/library/search/SearchForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <form class="form-inline" @submit.prevent="search">
+  <form @submit.prevent="search">
     <input
       v-model="query"
       class="form-control" type="search"