From ba754771f4d65008cb7823d7ae8aa7cbbe317102 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Mon, 1 Jun 2026 13:45:53 +0200
Subject: [PATCH] Center magnifying glass icon on the search submit button

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

diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 4a9cdd7..0591310 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -83,6 +83,7 @@ const submitSearch = function () {
 .search-button {
     font-size: 1rem;
     height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
+    width: 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;
@@ -90,6 +91,9 @@ const submitSearch = function () {
     color: var(--white);
     cursor: pointer;
     white-space: nowrap;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .search-button:hover {