From eeca5d766ea47c42dac75f5348632b10c5b00f9a Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 24 Sep 2024 20:46:48 -0700
Subject: spacing

---
 src/components/Account.svelte                      | 23 +++++++++-------------
 src/routes/(app)/[username]/(profile)/+page.svelte |  8 ++++----
 2 files changed, 13 insertions(+), 18 deletions(-)

(limited to 'src')

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 52f5c6fa..98854fc5 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -13,12 +13,11 @@
   let setAccount = () => (document.cookie = `aid=${id}; path=/; max-age=86400`);
 </script>
 
-
 <a
   href={`/payments`}
-  class="p-4 space-y-5 border-b block last:border-none"
+  class="px-2 space-y-5 border-b block last:border-none"
   on:click={setAccount}
-  >
+>
   <div class="flex">
     <Balance {balance} {user} {rate} />
     {#if seed}
@@ -32,7 +31,7 @@
 
   <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">
+      <button class="py-5 px-4 hover:opacity-80 flex grow">
         <div class="mx-auto flex gap-2">
           <Icon icon="receive" style="w-8" />
           <div class="my-auto">{$t("user.dashboard.receive")}</div>
@@ -41,7 +40,7 @@
     </a>
 
     <a href={`/scan`} class="contents" on:click={setAccount}>
-      <button class="py-2 px-4 hover:opacity-80 flex shrink bg-white">
+      <button class="py-5 px-4 hover:opacity-80 flex shrink">
         <div class="mx-auto flex gap-2">
           <Icon icon="camera" style="w-8" />
         </div>
@@ -49,16 +48,12 @@
     </a>
 
     <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 type="button" class="py-5 px-6 hover:opacity-80 flex 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 dcec1679..b3d5e990 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -28,10 +28,10 @@
 
 <div class="space-y-2">
   {#if user?.id === subject.id}
-    <div>
-    {#each accounts as account}
-      <Account {user} {rate} {account} />
-    {/each}
+    <div class="space-y-5">
+      {#each accounts as account}
+        <Account {user} {rate} {account} />
+      {/each}
     </div>
 
     <div class="flex justify-center gap-2">
-- 
cgit v1.2.3