From c07146bbf50996f0565f911052f235cd9e96ebfd Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 24 Sep 2024 20:42:34 -0700
Subject: styles

---
 src/components/Account.svelte                      | 78 +++++++++++-----------
 src/routes/(app)/[username]/(profile)/+page.svelte |  2 +
 src/routes/(app)/invoice/[id]/+page.svelte         |  4 +-
 3 files changed, 43 insertions(+), 41 deletions(-)

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 458f67c6..52f5c6fa 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -13,52 +13,52 @@
   let setAccount = () => (document.cookie = `aid=${id}; path=/; max-age=86400`);
 </script>
 
-<a href={`/payments`} class="block" on:click={setAccount}>
-  <div class="py-4 px-2 space-y-5 bg-primary rounded-2xl border">
-    <div class="flex">
-      <Balance {balance} {user} {rate} />
-      {#if seed}
+
+<a
+  href={`/payments`}
+  class="p-4 space-y-5 border-b block last:border-none"
+  on:click={setAccount}
+  >
+  <div class="flex">
+    <Balance {balance} {user} {rate} />
+    {#if seed}
       <a href={`/account/${id}`} class="contents">
         <button class="ml-auto flex gap-1 mb-auto pb-4 pl-4">
           <Icon icon="settings" style="w-8 my-auto" />
         </button>
       </a>
-      {/if}
-    </div>
+    {/if}
+  </div>
 
-    <div class="flex gap-1 justify-center w-full text-xl">
-      <a href={`/invoice`} class="contents" on:click={setAccount}>
-        <button
-          class="rounded-2xl border py-5 px-4 hover:opacity-80 flex grow bg-white"
-        >
-          <div class="mx-auto flex gap-2">
-            <Icon icon="receive" style="w-8" />
-            <div class="my-auto">{$t("user.dashboard.receive")}</div>
-          </div>
-        </button>
-      </a>
+  <div class="flex justify-center w-full text-xl">
+    <a href={`/invoice`} class="contents" on:click={setAccount}>
+      <button class="py-2 px-4 hover:opacity-80 flex grow bg-white">
+        <div class="mx-auto flex gap-2">
+          <Icon icon="receive" style="w-8" />
+          <div class="my-auto">{$t("user.dashboard.receive")}</div>
+        </div>
+      </button>
+    </a>
 
-      <a href={`/scan`} class="contents" on:click={setAccount}>
-        <button
-          class="rounded-2xl border py-5 px-4 hover:opacity-80 flex shrink bg-white"
-        >
-          <div class="mx-auto flex gap-2">
-            <Icon icon="camera" style="w-8" />
-          </div>
-        </button>
-      </a>
+    <a href={`/scan`} class="contents" on:click={setAccount}>
+      <button class="py-2 px-4 hover:opacity-80 flex shrink bg-white">
+        <div class="mx-auto flex gap-2">
+          <Icon icon="camera" style="w-8" />
+        </div>
+      </button>
+    </a>
 
-      <a href={`/send`} class="contents grow" on:click={setAccount}>
-        <button
-          type="button"
-          class="rounded-2xl border py-5 px-6 hover:opacity-80 flex bg-white grow"
-        >
-          <div class="mx-auto flex gap-1">
-            <Icon icon="send" style="w-8" />
-            <div class="my-auto">{$t("user.dashboard.send")}</div>
-          </div>
-        </button>
-      </a>
-    </div>
+    <a href={`/send`} class="contents grow" on:click={setAccount}>
+      <button
+                      type="button"
+                      class="py-2 px-6 hover:opacity-80 flex bg-white grow"
+                      >
+                      <div class="mx-auto flex gap-1">
+                        <Icon icon="send" style="w-8" />
+                        <div class="my-auto">{$t("user.dashboard.send")}</div>
+                      </div>
+      </button>
+    </a>
   </div>
 </a>
+
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index 399a33e9..dcec1679 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -28,9 +28,11 @@
 
 <div class="space-y-2">
   {#if user?.id === subject.id}
+    <div>
     {#each accounts as account}
       <Account {user} {rate} {account} />
     {/each}
+    </div>
 
     <div class="flex justify-center gap-2">
       <a href={`/account/savings`} class="contents">
diff --git a/src/routes/(app)/invoice/[id]/+page.svelte b/src/routes/(app)/invoice/[id]/+page.svelte
index 5ef9e5e5..3b25797d 100644
--- a/src/routes/(app)/invoice/[id]/+page.svelte
+++ b/src/routes/(app)/invoice/[id]/+page.svelte
@@ -143,8 +143,8 @@
       </a>
     </div>
   {:else}
-    <div class="break-all pb-5 text-center text-secondary text-xl">
-      {txt}
+    <div class="break-all pb-5 text-center text-secondary text-xl min-h-[120px] flex">
+      <div class="m-auto">{txt}</div>
     </div>
   {/if}
 
-- 
cgit v1.2.3