From 5767681f1c516bc92c0bfb0326953a25df2a9dfa Mon Sep 17 00:00:00 2001
From: kurt <ttwishing@gmail.com>
Date: Fri, 30 Aug 2024 01:25:09 +0800
Subject: [PATCH] fix: Fixed right shift of 'Add another account' button (#203)
 (#204)

* fix: Fixed right shift of 'Add another account' button (#203)

* Fixed the offset of the send button on mobile

* add send button padding when max-width 600px
---
 src/components/layout/account/list.svelte | 14 +++++++++-----
 src/pages/dashboard/row.svelte            | 14 ++++++++------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/components/layout/account/list.svelte b/src/components/layout/account/list.svelte
index d2513a7c..5c34faf6 100644
--- a/src/components/layout/account/list.svelte
+++ b/src/components/layout/account/list.svelte
@@ -69,6 +69,9 @@
 
     .list {
         margin: 10px;
+        .add-account {
+            padding: 0 16px;
+        }
         .network {
             .header {
                 color: var(--dark-grey);
@@ -138,7 +141,6 @@
         }
         :global(.button) {
             line-height: 1em;
-            margin: 0 16px;
         }
     }
 
@@ -191,10 +193,12 @@
 
 {#if $activeSession}
     <div class="list">
-        <Button fluid style="primary" on:action={handleAdd}>
-            <Icon name="user-plus" />
-            <Text>Add another account</Text>
-        </Button>
+        <div class="add-account">
+            <Button fluid style="primary" on:action={handleAdd}>
+                <Icon name="user-plus" />
+                <Text>Add another account</Text>
+            </Button>
+        </div>
         {#each $groupings as group}
             <div class="network">
                 <div class="header" on:click={() => toggle(group.chainId)}>
diff --git a/src/pages/dashboard/row.svelte b/src/pages/dashboard/row.svelte
index 1605a3ba..ee1e7bd5 100644
--- a/src/pages/dashboard/row.svelte
+++ b/src/pages/dashboard/row.svelte
@@ -210,8 +210,8 @@
                 }
             }
             .extra {
-                :global(.button) {
-                    margin: 9px;
+                .send {
+                    padding: 9px;
                 }
             }
             &.expanded .extra {
@@ -283,10 +283,12 @@
                 {/if}
             </div>
             {#if transferable}
-                <Button fluid href={$url} style="secondary">
-                    <Icon name="arrow-up" />
-                    <Text>Send</Text>
-                </Button>
+                <div class="send">
+                    <Button fluid href={$url} style="secondary">
+                        <Icon name="arrow-up" />
+                        <Text>Send</Text>
+                    </Button>
+                </div>
             {/if}
         </div>
     </div>