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>