From 6fafb38b6db9c5ead50f6ba4653c053286cdd125 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Sun, 11 Aug 2024 11:49:16 +0200
Subject: [PATCH] improve readability of shortcut with +

---
 website/src/lib/components/Shortcut.svelte | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/website/src/lib/components/Shortcut.svelte b/website/src/lib/components/Shortcut.svelte
index d9bad979..2d892035 100644
--- a/website/src/lib/components/Shortcut.svelte
+++ b/website/src/lib/components/Shortcut.svelte
@@ -16,8 +16,11 @@
 	});
 </script>
 
-<span class="ml-auto pl-2 text-xs tracking-widest text-muted-foreground"
-	>{shift ? '⇧' : ''}{ctrl ? (isMac && !isSafari ? '⌘' : $_('menu.ctrl') + '+') : ''}{key}{click
-		? $_('menu.click')
-		: ''}</span
+<div
+	class="ml-auto pl-2 text-xs tracking-widest text-muted-foreground flex flex-row gap-0 items-baseline"
 >
+	<span>{shift ? '⇧' : ''}</span>
+	<span>{ctrl ? (isMac && !isSafari ? '⌘' : $_('menu.ctrl') + '+') : ''}</span>
+	<span class={key === '+' ? 'font-medium text-sm/4' : ''}>{key}</span>
+	<span>{click ? $_('menu.click') : ''}</span>
+</div>