bugs and fixes

frontend/src/layouts/Layout.astro

@@ -130,11 +130,19 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 						)}
 						<Search client:idle />
 						<ThemeSwitcher client:only="react" defaultTheme={siteConfig.theme} />
-						{isAdmin && (
-							<>
-								<span class="topbar-divider" aria-hidden="true"></span>
-								<LogoutButton client:idle />
-							</>
+						<span class="topbar-divider" aria-hidden="true"></span>
+						{isAdmin ? (
+							<LogoutButton client:idle />
+						) : (
+							<a
+								href="/admin/login"
+								class="topbar-control tc-collapse-sm"
+								aria-label="Admin login"
+								title="Admin login"
+							>
+								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z"/><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"/></svg>
+								<span class="tc-label">Admin</span>
+							</a>
 						)}
 					</nav>
 				)}
@@ -173,16 +181,10 @@ const hasContact = (siteConfig.contact_links?.length ?? 0) > 0;
 								<a href="/contact" class="hover:text-[var(--mauve)] transition-colors">Contact</a>
 							</>
 						)}
-						{!isAdmin && (
-							<>
-								<span class="text-[var(--overlay0)]" aria-hidden="true">·</span>
-								<a href="/admin/login" class="hover:text-[var(--mauve)] transition-colors">Admin login</a>
-							</>
-						)}
 					</div>
 				</>
 			)}
-			<div class="text-[var(--overlay0)] text-xs italic">
+			<div class="site-copyright text-[var(--overlay0)] text-xs italic">
 				&copy; {year} · {siteConfig.title}
 			</div>
 		</footer>