From 8f4556b968a84570d095fd40917d9c404501cfdc Mon Sep 17 00:00:00 2001
From: Nils Pukropp <nils@narl.io>
Date: Thu, 14 May 2026 18:33:56 +0200
Subject: [PATCH] fixed space on mobile

---
 frontend/src/layouts/Layout.astro | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/layouts/Layout.astro b/frontend/src/layouts/Layout.astro
index b79b7ce..6d645ea 100644
--- a/frontend/src/layouts/Layout.astro
+++ b/frontend/src/layouts/Layout.astro
@@ -112,7 +112,7 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 					)}
 				</a>
 
-				<div class="flex flex-wrap items-center gap-3 justify-start md:justify-end md:ml-auto">
+				<div class="flex flex-wrap items-center gap-2 md:gap-3 justify-start md:justify-end md:ml-auto w-full md:w-auto">
 					{hasContact && (
 						<a
 							href="/contact"
@@ -121,14 +121,15 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 					)}
 					<Search client:idle />
 					{isAdmin && (
-						<div class="flex items-center gap-1 pl-3 ml-1 border-l border-[var(--surface2)]/60">
+						<div class="flex items-center gap-1 ml-auto md:ml-1 md:pl-3 md:border-l md:border-[var(--surface2)]/60">
 							<a
 								href="/admin"
 								class="chip chip-accent uppercase"
 								title="Signed in as artist"
+								aria-label="Signed in as artist"
 							>
 								<span class="w-1.5 h-1.5 rounded-full bg-[var(--rosewater)] animate-pulse"></span>
-								Artist
+								<span class="hidden sm:inline">Artist</span>
 							</a>
 							<LogoutButton client:idle />
 						</div>