From 31c9f43114adf2be4a836c6ebc43f88aa81b2083 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Sun, 25 Jan 2026 20:31:01 +0100
Subject: [PATCH] refactor: replace shadow span with box-shadow on
 button_wrapper

Remove separate .button_wrapper_shadow element and apply box-shadow
directly to .button_wrapper in mobile view. Reduces DOM by 1 node.
---
 src/lib/components/Header.svelte | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 5312153..71aa57d 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -212,17 +212,8 @@ footer{
 }
 
 @media screen and (max-width: 800px) {
-	.button_wrapper_shadow{
-		box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4);
-		position: fixed;
-		width: 100%;
-		height: 4rem;
-		top: 0;
-		left: 0;
-		z-index: 9;
-		pointer-events: none;
-	}
 	.button_wrapper{
+		box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4);
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
@@ -322,7 +313,6 @@ footer{
 </style>
 <div class=wrapper lang=de>
 <div>
-<span class=button_wrapper_shadow></span>
 <div class=button_wrapper>
 <a href="/" aria-label="Home"><Symbol></Symbol></a>
 <div class="right-buttons">