From e69bbf361bbb8ea901c980fc678a8eb98b241711 Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Fri, 8 May 2026 19:53:54 +0200 Subject: [PATCH 1/2] Bug fix: Search bar width did not include the additional padding at the left --- src/features/search/components/Searchbar.vue | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue index 83026e8..4017338 100644 --- a/src/features/search/components/Searchbar.vue +++ b/src/features/search/components/Searchbar.vue @@ -26,14 +26,15 @@ limitations under the License. --submit-button-padding-y: 8px; --content-height: 32px; --padding: 4px; + --padding-left: calc(var(--content-height) + var(--padding)); 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(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding)); padding: var(--padding); - padding-left: calc(var(--content-height) + var(--padding)); - width: 100%; + padding-left: var(--padding-left); + width: calc(100% - var(--padding-left)); } .search-wrapper input { From b1812764f6491ab75925c5c8906d95cafa860ea6 Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Fri, 8 May 2026 20:00:06 +0200 Subject: [PATCH 2/2] Set maximum width for the search form --- src/views/SearchView.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue index 164589f..73d4aa0 100644 --- a/src/views/SearchView.vue +++ b/src/views/SearchView.vue @@ -58,5 +58,6 @@ import Searchbar from '../features/search/components/Searchbar.vue' #search-form { width: 70%; + max-width: 624px; } \ No newline at end of file