From 4356af4e0a15229f79410515aff9623944933f2b Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Sat, 27 Dec 2025 10:24:44 +0100
Subject: [PATCH] fix mobile hamburger menu positioning and layout

Improve profile picture and navigation alignment on mobile:
- Position UserHeader fixed 2rem from viewport bottom (avoids browser UI issues)
- Center UserHeader horizontally within hamburger menu
- Add 2rem margin to links wrapper for better spacing
- Align navigation items to flex-start for left alignment
---
 src/lib/components/Header.svelte | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 342dafa..6d1dd6f 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -250,9 +250,15 @@ footer{
 		margin-bottom: 2rem;
 	}
 
+	.nav_site .links-wrapper {
+		align-self: flex-start;
+		width: 100%;
+		margin: 2rem;
+	}
 	:global(.site_header){
 		flex-direction: column;
 		padding-top: min(10rem, 10vh);
+		align-items: flex-start;
 	}
 	:global(.site_header li, .site_header a){
 		font-size: 4rem;
@@ -266,6 +272,10 @@ footer{
 	}
 	.nav_site .header-right{
 		flex-direction: column;
+		position: absolute;
+		bottom: 2rem;
+		left: 50%;
+		transform: translateX(-50%);
 	}
 	.language-selector-desktop{
 		display: none;