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] 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;