From 6d7dd7dc40779c4bf8a045aca3e4e06a06e7b75a Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Thu, 4 Jun 2026 14:19:04 +0200 Subject: [PATCH 1/3] style(searchbar): make wrapper padding symmetric and set width to 100% --- src/features/search/components/Searchbar.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue index 75cc2dc..e9b78a5 100644 --- a/src/features/search/components/Searchbar.vue +++ b/src/features/search/components/Searchbar.vue @@ -72,8 +72,8 @@ const submitSearch = function () { box-shadow: 0 0px 32px var(--blue-box-shadow); border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding)); padding: var(--padding); - padding-left: var(--padding-left); - width: calc(100% - var(--padding-left)); + width: 100%; + box-sizing: border-box; } .search-wrapper input { -- 2.39.5 From 91fa06898f12d8c2e4abc162214f9d54509ce208 Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Thu, 4 Jun 2026 14:19:34 +0200 Subject: [PATCH 2/3] style(searchbar): apply internal text indentation to the input field --- 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 e9b78a5..04cd929 100644 --- a/src/features/search/components/Searchbar.vue +++ b/src/features/search/components/Searchbar.vue @@ -83,6 +83,7 @@ const submitSearch = function () { font-size: 1rem; background: transparent; height: calc(var(--content-height) + 2 * var(--submit-button-padding-y)); + padding-left: 12px; } .search-button { -- 2.39.5 From d9c19b252e5dcf73478695f9ec86bdeb6211a8a1 Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Thu, 4 Jun 2026 15:32:46 +0200 Subject: [PATCH 3/3] fix(search-bar): re-add left padding --- 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 04cd929..26c688b 100644 --- a/src/features/search/components/Searchbar.vue +++ b/src/features/search/components/Searchbar.vue @@ -72,6 +72,7 @@ const submitSearch = function () { box-shadow: 0 0px 32px var(--blue-box-shadow); border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding)); padding: var(--padding); + padding-left: var(--padding-left); width: 100%; box-sizing: border-box; } -- 2.39.5