styles

1 files changed, 39 insertions, 39 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>
+