From 006df41a0951fe5a26f7d1c6114ef39891a92d31 Mon Sep 17 00:00:00 2001
From: Sam Chau <schau22@pm.me>
Date: Thu, 29 Jan 2026 02:26:27 +1030
Subject: [PATCH] style: restore theme and accent dropdowns to mobile navbar

---
 src/lib/client/ui/navigation/navbar/accentPicker.svelte | 2 +-
 src/lib/client/ui/navigation/navbar/navbar.svelte       | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/client/ui/navigation/navbar/accentPicker.svelte b/src/lib/client/ui/navigation/navbar/accentPicker.svelte
index 3bb30e9..218bf83 100644
--- a/src/lib/client/ui/navigation/navbar/accentPicker.svelte
+++ b/src/lib/client/ui/navigation/navbar/accentPicker.svelte
@@ -35,7 +35,7 @@
 
 	{#if open}
 		<Dropdown position="middle" minWidth="auto" fixed={true} {triggerEl}>
-			<div class="flex flex-wrap gap-2 p-2">
+			<div class="flex flex-col gap-2 p-2">
 				{#each accentColors as accent}
 					<button
 						on:click|stopPropagation={() => select(accent.value)}
diff --git a/src/lib/client/ui/navigation/navbar/navbar.svelte b/src/lib/client/ui/navigation/navbar/navbar.svelte
index fdb87b9..ed6c6b4 100644
--- a/src/lib/client/ui/navigation/navbar/navbar.svelte
+++ b/src/lib/client/ui/navigation/navbar/navbar.svelte
@@ -24,8 +24,8 @@
 			<div class="hidden text-xl font-bold text-neutral-900 md:block dark:text-neutral-100">profilarr</div>
 		</div>
 
-		<!-- Right: Accent picker and Theme toggle (desktop only) -->
-		<div class="hidden items-center gap-1 md:flex">
+		<!-- Right: Accent picker and Theme toggle -->
+		<div class="flex items-center gap-1">
 			<AccentPicker />
 			<ThemeToggle />
 		</div>