From c5af7366a9ee7a55681f9c89609051e9154c73e6 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Mon, 11 May 2026 00:06:45 +0200
Subject: [PATCH] Update search bar width at the start page

---
 src/views/SearchView.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 0b5c58c..e1fba20 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -39,7 +39,7 @@ const submitSearch = function () {
         </header>
     
         <div class="search-container">
-            <Searchbar v-model="searchQuery" ref="searchbar" auto-submit />
+            <Searchbar v-model="searchQuery" ref="searchbar" class="search-bar" auto-submit />
         </div>
     </div>
 </template>
@@ -80,4 +80,10 @@ const submitSearch = function () {
     width: 70%;
     max-width: 624px;
 }
+
+@media (max-width: 67.5rem) {
+    .search-container {
+        width: 100%;
+    }
+}
 </style>
\ No newline at end of file