fixed top bar height issues and other styling

frontend/src/layouts/Layout.astro

@@ -122,27 +122,15 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 
 				<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"
-							class="font-display italic text-sm text-[var(--subtext1)] hover:text-[var(--mauve)] transition-colors tracking-wide"
-						>Contact</a>
+						<a href="/contact" class="topbar-control">Contact</a>
 					)}
 					<Search client:idle />
+					<ThemeSwitcher client:only="react" defaultTheme={siteConfig.theme} />
 					{isAdmin && (
-						<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>
-								<span class="hidden sm:inline">Artist</span>
-							</a>
+						<div class="flex items-center md:pl-3 md:border-l md:border-[var(--surface2)]/60">
 							<LogoutButton client:idle />
 						</div>
 					)}
-					<ThemeSwitcher client:only="react" defaultTheme={siteConfig.theme} />
 				</div>
 			</div>
 		</header>