From 94466d9be9b0215f4ffdf64d450d7400a7ed027d Mon Sep 17 00:00:00 2001
From: h <h@kotikot.com>
Date: Fri, 16 Oct 2026 18:22:01 +0000
Subject: [PATCH] fix: currency selector hidden on phones, space around +
 between currencies

---
 src/lib/components/Money.svelte       | 2 +-
 src/lib/components/shell/Shell.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Money.svelte b/src/lib/components/Money.svelte
index 53e99b8..3b4fa02 100644
--- a/src/lib/components/Money.svelte
+++ b/src/lib/components/Money.svelte
@@ -34,7 +34,7 @@
 {:else if inline}
   {#each parts as part, index (part.code ?? index)}
     {#if index > 0}
-      <span class="text-cladd-fg-softer"> + </span>
+      <span class="mx-1 text-cladd-fg-softer">+</span>
     {/if}
     <Amount {...part} class={className} {signed} {tone} />
   {/each}
diff --git a/src/lib/components/shell/Shell.svelte b/src/lib/components/shell/Shell.svelte
index ebb3e2c..2a42e84 100644
--- a/src/lib/components/shell/Shell.svelte
+++ b/src/lib/components/shell/Shell.svelte
@@ -251,7 +251,7 @@
       <DropdownMenu.Root>
         <DropdownMenu.Trigger
           aria-label="Currency to show amounts in"
-          class="flex h-8 items-center gap-1 rounded-cladd-md px-2 text-[12px] font-semibold hover:bg-black/10 {display.on
+          class="hidden h-8 items-center gap-1 rounded-cladd-md px-2 text-[12px] font-semibold hover:bg-black/10 sm:flex {display.on
             ? "bg-black/15"
             : "text-on-brand/80"}"
           title="Show every amount in one currency  $"