From e3117110e9ff16073dfff9bf69e5aa62f7c4bf44 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Sun, 10 May 2026 19:04:49 +0200
Subject: [PATCH] Move flexbox to the start page view

---
 src/App.vue              |  4 ----
 src/views/SearchView.vue | 27 ++++++++++++++++++---------
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8f9a924..84d7e7b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,11 +31,7 @@ import Footer from './features/footer/components/Footer.vue';
 
 <style scoped>
 .main-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
     width: 100%;
-    gap: 60px;
     flex-grow: 1;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index bbfb02d..f3bc445 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -33,19 +33,28 @@ const submitSearch = function () {
 </script>
 
 <template>
-    <header class="global-header">
-        <h1>Seekra</h1>
-        <span class="slogan">
-            Built to search.
-        </span>
-    </header>
+    <div class="search-content">
+        <header class="global-header">
+            <h1>Seekra</h1>
+            <span class="slogan">
+                Built to search.
+            </span>
+        </header>
     
-    <form class="search-form" @submit.prevent="submitSearch">
-        <Searchbar v-model="searchQuery" ref="searchbar" />
-    </form>
+        <form class="search-form" @submit.prevent="submitSearch">
+            <Searchbar v-model="searchQuery" ref="searchbar" />
+        </form>
+    </div>
 </template>
 
 <style scoped>
+.search-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 60px;
+}
+
 .global-header {
     text-align: center;
     display: flex;