From 7f67f59c8c6e21d57c4bbc52024e4b7c16689d45 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Tue, 30 Jun 2026 15:55:54 +0200
Subject: [PATCH] =?UTF-8?q?style(header=20mobile):=20mehr=20Bottom-Platz?=
 =?UTF-8?q?=20im=20Men=C3=BC,=20CTA-Buttons=20rounded-full?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/lib/components/Header.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index f8f973c..4bbab41 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -307,12 +307,12 @@
             out:slide={{ duration: 150 }}
         >
             <nav
-                class="container-custom pt-4 pb-[calc(2rem+env(safe-area-inset-bottom))] flex flex-col gap-1"
+                class="container-custom pt-4 pb-[calc(4rem+env(safe-area-inset-bottom))] flex flex-col gap-1"
                 aria-label={t(T.header_nav_aria)}
             >
-                <div class="grid grid-cols-2 gap-2 pb-3 mb-1 border-b border-stein-0/10">
-                    <a href="/mitmachen/" class="btn-primary btn-sm justify-center" onclick={closeMenu}>Mitmachen</a>
-                    <a href="/termin-melden" class="btn-warning btn-sm justify-center" onclick={closeMenu}>Termin melden</a>
+                <div class="grid grid-cols-2 gap-2.5 pb-4 mb-2 border-b border-stein-0/10">
+                    <a href="/mitmachen/" class="btn-primary btn-sm justify-center rounded-full py-2 shadow-sm" onclick={closeMenu}>Mitmachen</a>
+                    <a href="/termin-melden" class="btn-warning btn-sm justify-center rounded-full py-2 shadow-sm" onclick={closeMenu}>Termin melden</a>
                 </div>
                 {#each links as link}
                     {@const active = isActiveTree(link, $page.url.pathname)}