From 1de4f8a605fa380623456def633234095c8cb07c Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Fri, 27 Mar 2026 17:00:56 +0100
Subject: [PATCH] fix(ui): hide logo on mobile+tablet, fix admin tab overflow
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- AppNav: hide entire logo div (incl. mr-10 margin) below md: breakpoint
  to eliminate the phantom whitespace left of the hamburger button
- admin: 2×2 grid on mobile → flex row at sm:, so "Schlagworte" fits

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/routes/AppNav.svelte      | 4 ++--
 frontend/src/routes/admin/+page.svelte | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/routes/AppNav.svelte b/frontend/src/routes/AppNav.svelte
index 1c4feae3..20e8def5 100644
--- a/frontend/src/routes/AppNav.svelte
+++ b/frontend/src/routes/AppNav.svelte
@@ -33,9 +33,9 @@ function handleOverlayKeydown(event: KeyboardEvent) {
 </script>
 
 <div class="flex items-center">
-	<div class="mr-10 flex flex-shrink-0 items-center">
+	<div class="mr-10 hidden flex-shrink-0 items-center md:flex">
 		<a href="/" class="flex items-center" aria-label="Familienarchiv">
-			<span class="hidden font-sans text-xl font-bold tracking-widest text-ink uppercase sm:inline"
+			<span class="font-sans text-xl font-bold tracking-widest text-ink uppercase"
 				>Familienarchiv</span
 			>
 		</a>
diff --git a/frontend/src/routes/admin/+page.svelte b/frontend/src/routes/admin/+page.svelte
index 96d6602a..89e494f0 100644
--- a/frontend/src/routes/admin/+page.svelte
+++ b/frontend/src/routes/admin/+page.svelte
@@ -16,7 +16,7 @@ let activeTab = $state('users');
 		<h1 class="font-serif text-3xl text-ink">{m.admin_heading()}</h1>
 
 		<!-- Tabs -->
-		<div class="flex rounded-lg border border-line bg-surface p-1 shadow-sm">
+		<div class="grid grid-cols-2 rounded-lg border border-line bg-surface p-1 shadow-sm sm:flex">
 			<button
 				class="rounded-md px-2 py-2 text-sm font-bold tracking-wide uppercase transition sm:px-4 {activeTab ===
 				'users'