From bb13b228107baadad0344cc7ff9a090671a201d1 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 7 May 2026 17:56:24 +0200
Subject: [PATCH 1/5] Add license headers in sourc code files

---
 index.html                                   | 16 ++++++++++++++++
 src/App.vue                                  | 16 ++++++++++++++++
 src/features/nav/components/Navbar.vue       | 16 ++++++++++++++++
 src/features/search/components/Searchbar.vue | 16 ++++++++++++++++
 src/main.js                                  | 15 +++++++++++++++
 src/router/index.js                          | 16 ++++++++++++++++
 src/styles/common.css                        | 16 ++++++++++++++++
 src/styles/main.css                          | 16 ++++++++++++++++
 src/views/SearchView.vue                     | 16 ++++++++++++++++
 9 files changed, 143 insertions(+)
diff --git a/index.html b/index.html
index 6a96c7b..1cebe27 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,19 @@
+<!--
+Copyright 2026 Seekra
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
 <!doctype html>
 <html lang="en">
     <head>
diff --git a/src/App.vue b/src/App.vue
index 9c9e6dc..54b56de 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,3 +1,19 @@
+<!--
+Copyright 2026 Seekra
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
 <script setup>
 import Navbar from './features/nav/components/Navbar.vue';
 </script>
diff --git a/src/features/nav/components/Navbar.vue b/src/features/nav/components/Navbar.vue
index 4db64c3..d15a230 100644
--- a/src/features/nav/components/Navbar.vue
+++ b/src/features/nav/components/Navbar.vue
@@ -1,3 +1,19 @@
+<!--
+Copyright 2026 Seekra
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
 <template>
     <nav class="global-nav">
         <span id="logo">Seekra</span>
diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 82c4ba6..c951ae1 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -1,3 +1,19 @@
+<!--
+Copyright 2026 Seekra
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
 <template>
     <div class="search-wrapper">
         <input type="search" name="search" placeholder="Search..." required />
diff --git a/src/main.js b/src/main.js
index 2bb1a5c..f790b14 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,3 +1,18 @@
+/*
+Copyright 2026 Seekra
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
 import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
diff --git a/src/router/index.js b/src/router/index.js
index cc9b481..74cc205 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,3 +1,19 @@
+/*
+Copyright 2026 Seekra
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 import { createRouter, createWebHistory } from 'vue-router'
 
 import SearchView from '../views/SearchView.vue'
diff --git a/src/styles/common.css b/src/styles/common.css
index 3f36876..c63600c 100644
--- a/src/styles/common.css
+++ b/src/styles/common.css
@@ -1,3 +1,19 @@
+/*
+Copyright 2026 Seekra
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 body {
     margin: 0;
     font-size: 16px;
diff --git a/src/styles/main.css b/src/styles/main.css
index 93e9d40..94b1b25 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -1,3 +1,19 @@
+/*
+Copyright 2026 Seekra
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 form {
     display: flex;
     justify-content: center;
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 9d5dae3..48e1211 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -1,3 +1,19 @@
+<!--
+Copyright 2026 Seekra
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
 <script setup>
 import Searchbar from '../features/search/components/Searchbar.vue'
 </script>

From 93aec1c44d8e6b34f508c09643d23dd8ea333968 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 7 May 2026 18:22:51 +0200
Subject: [PATCH 2/5] Make searchbar wider

---
 src/features/search/components/Searchbar.vue | 1 +
 src/views/SearchView.vue                     | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 82c4ba6..6dc1903 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -17,6 +17,7 @@
     border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
     padding: var(--padding);
     padding-left: calc(var(--submit-button-content-height) + var(--padding));
+    width: 100%;
 }
 
 .search-wrapper input {
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 9d5dae3..25247c0 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -50,4 +50,8 @@ import Searchbar from '../features/search/components/Searchbar.vue'
     margin: 0;
     font-size: small;
 }
+
+#search-form {
+    width: 70%;
+}
 </style>
\ No newline at end of file

From e4ba19bc9b545d0638491d1a2e24b48731d161d6 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 7 May 2026 18:24:15 +0200
Subject: [PATCH 3/5] Make searchbar higher

---
 src/features/search/components/Searchbar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 6dc1903..fc09d68 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -8,7 +8,7 @@
 <style scoped>
 .search-wrapper {
     --submit-button-padding-y: 8px;
-    --submit-button-content-height: 18px;
+    --submit-button-content-height: 32px;
     --padding: 4px;
     display: flex;
     align-items: center;

From 4edc240b10cf03f1f958c8d10f0b8bab4fa3a8cd Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 7 May 2026 18:36:55 +0200
Subject: [PATCH 4/5] Rename CSS variable

Rename the variable --submit-button-content-height in the search bar
component to --content-height
---
 src/features/search/components/Searchbar.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index fc09d68..e2090bd 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -8,15 +8,15 @@
 <style scoped>
 .search-wrapper {
     --submit-button-padding-y: 8px;
-    --submit-button-content-height: 32px;
+    --content-height: 32px;
     --padding: 4px;
     display: flex;
     align-items: center;
     border: 1.5px solid #ccc;
     box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25);
-    border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
+    border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
     padding: var(--padding);
-    padding-left: calc(var(--submit-button-content-height) + var(--padding));
+    padding-left: calc(var(--content-height) + var(--padding));
     width: 100%;
 }
 
@@ -30,8 +30,8 @@
 
 .search-button {
     font-size: 1rem;
-    height: calc(var(--submit-button-content-height) + 2 * var(--submit-button-padding-y));
-    border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y));
+    height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
+    border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y));
     border: none;
     padding: var(--submit-button-padding-y) 20px;
     background: #4562BE;

From ecc65981674dcaa3a332a401b6a14d7acc8e51d8 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Thu, 7 May 2026 18:39:42 +0200
Subject: [PATCH 5/5] Set search bar input height

---
 src/features/search/components/Searchbar.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index e2090bd..24b4f48 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -26,6 +26,7 @@
     width: 100%;
     font-size: 1rem;
     background: transparent;
+    height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
 }
 
 .search-button {
