fix search form width in mobile view

tamland · Jan 2, 2025 · c7028c9 · c7028c9
1 parent d15f5ad
commit c7028c9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git 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
@@ -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"