From 78f8d1abcf7df936cf431819e5ce584019d16e23 Mon Sep 17 00:00:00 2001 From: RisingOrange Date: Sat, 28 Feb 2026 21:19:52 +0100 Subject: [PATCH 1/2] fix: center campaign banner close button vertically Use top:50%/transform:translateY(-50%) instead of top:0/bottom:0 so the button has a fixed size and border-radius:50% produces a circle on hover. --- src/lib/components/CampaignBanner.svelte | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/lib/components/CampaignBanner.svelte b/src/lib/components/CampaignBanner.svelte index 2f35b137..86251c81 100644 --- a/src/lib/components/CampaignBanner.svelte +++ b/src/lib/components/CampaignBanner.svelte @@ -122,9 +122,9 @@ .campaign-close { position: absolute; - top: 0; + top: 50%; right: 0.5em; - bottom: 0; + transform: translateY(-50%); display: flex; align-items: center; background: transparent; From 1b12c6167d257fd43575bccbf55a7b18c320d75c Mon Sep 17 00:00:00 2001 From: Wituareard <87208350+Wituareard@users.noreply.github.com> Date: Sun, 1 Mar 2026 14:35:22 +0100 Subject: [PATCH 2/2] Apply styling to regular banner component --- src/lib/components/Banner.svelte | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/lib/components/Banner.svelte b/src/lib/components/Banner.svelte index 61a4a06f..dc55af43 100644 --- a/src/lib/components/Banner.svelte +++ b/src/lib/components/Banner.svelte @@ -129,9 +129,9 @@ .close { position: absolute; - top: 0; + top: 50%; right: 0.75em; - bottom: 0; + transform: translateY(-50%); display: flex; align-items: center; background: transparent;