From 401c3b3fa0c05592fc7f15e622f7906f32c986ef Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 21 Feb 2024 22:38:46 -0800
Subject: styles

---
 src/routes/(app)/[username]/invoice/[id]/+page.svelte | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

(limited to 'src')

diff --git a/src/routes/(app)/[username]/invoice/[id]/+page.svelte b/src/routes/(app)/[username]/invoice/[id]/+page.svelte
index c539125b..68d9d4c7 100644
--- a/src/routes/(app)/[username]/invoice/[id]/+page.svelte
+++ b/src/routes/(app)/[username]/invoice/[id]/+page.svelte
@@ -145,15 +145,13 @@
   {/if}
 
   {#each invoice.items as i}
-    <div class="flex tabular-nums">
-      <div class="mr-auto"><span class="mr-2">{i.quantity}</span> {i.name}</div>
-      <div class="flex gap-2">
-        <div class="font-semibold">
-          {f(i.price * i.quantity, currency)}
-        </div>
-        <div class="text-secondary">
-          {sat(btc(i.price * i.quantity, rate))}
-        </div>
+    <div class="grid grid-cols-4 text-xl">
+      <div class="mr-auto grow col-span-2"><span class="mr-2">{i.quantity}</span> {i.name}</div>
+      <div class="font-semibold text-right">
+        {f(i.price * i.quantity, currency)}
+      </div>
+      <div class="text-secondary text-right text-lg my-auto">
+        {sat(btc(i.price * i.quantity, rate))}
       </div>
     </div>
   {/each}
@@ -170,7 +168,7 @@
         {/if}
       </div>
       <div>
-        <span class="text-secondary font-normal text-lg"
+        <span class="text-secondary font-normal text-xl"
           >⚡️{`${s(amount)}`}</span
         >
 
-- 
cgit v1.2.3