From 9157cb04821278207af7e1b3951536f856f7ccbb Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 25 Sep 2024 16:42:47 -0700
Subject: prevent mnemonic wrapping

---
 src/components/Mnemonic.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/components/Mnemonic.svelte b/src/components/Mnemonic.svelte
index 5e834aed..ff5aea32 100644
--- a/src/components/Mnemonic.svelte
+++ b/src/components/Mnemonic.svelte
@@ -3,12 +3,12 @@
 </script>
 
 <div
-  class="text-lg border p-4 rounded-2xl text-secondary grid grid-cols-3 gap-2 justify-center"
+  class="text-lg border p-4 rounded-2xl text-secondary grid xss:grid-flow-col xss:grid-rows-6 xss:grid-cols-2 grid-cols-3 gap-2 justify-items-center whitespace-nowrap w-full"
 >
   {#each mnemonic.split(" ") as w, i}
-    <div>
-      <span class="select-none text-sm text-black">{i + 1}.</span>
-      <span>{@html w === "-" ? "&mdash;" : w}</span>
+    <div class="flex gap-1">
+      <div class="select-none text-xs text-black my-auto">{i + 1}</div>
+      <div class="my-auto">{@html w === "-" ? "&mdash;" : w}</div>
     </div>
   {/each}
 </div>
-- 
cgit v1.2.3