From 58e46409650d9a6ec918c44e188ce90d9289a9c1 Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Thu, 4 Jun 2026 13:10:43 +0200 Subject: [PATCH 1/4] style(search): add desktop vertical spacing and fix line-height for slogan --- src/views/SearchView.vue | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue index d2aff82..6a5df4c 100644 --- a/src/views/SearchView.vue +++ b/src/views/SearchView.vue @@ -67,9 +67,10 @@ const submitSearch = function () { max-width: 100%; } -.slogan{ - margin: 0; +.slogan { + margin-top: 1rem; font-size: small; + line-height: normal; } .search-container { From 65153db414d1718da50e2465b1ad104542ead221 Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Thu, 4 Jun 2026 13:11:55 +0200 Subject: [PATCH 2/4] style(search): implement responsive mobile spacing for slogan via media query --- src/views/SearchView.vue | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue index 6a5df4c..42aa296 100644 --- a/src/views/SearchView.vue +++ b/src/views/SearchView.vue @@ -83,4 +83,10 @@ const submitSearch = function () { width: 100%; } } + +@media (max-width: 48rem) { + .slogan { + margin-top: 1rem; + } +} \ No newline at end of file From 08949d5bb4a153a7a3eb0e27699aee819d9e6d0b Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Thu, 4 Jun 2026 13:13:58 +0200 Subject: [PATCH 3/4] remove @media (max-width: 48rem) - unneccesary --- src/views/SearchView.vue | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue index 42aa296..004c55d 100644 --- a/src/views/SearchView.vue +++ b/src/views/SearchView.vue @@ -84,9 +84,5 @@ const submitSearch = function () { } } -@media (max-width: 48rem) { - .slogan { - margin-top: 1rem; - } -} + \ No newline at end of file From f2f7e9e23c73fed527afe7a7450292e74e58f80f Mon Sep 17 00:00:00 2001 From: "johannes.vos" Date: Thu, 4 Jun 2026 13:16:31 +0200 Subject: [PATCH 4/4] remove unnecesary empty code lines --- src/views/SearchView.vue | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue index 004c55d..6a5df4c 100644 --- a/src/views/SearchView.vue +++ b/src/views/SearchView.vue @@ -83,6 +83,4 @@ const submitSearch = function () { width: 100%; } } - - \ No newline at end of file