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
greymass · Aug 29, 2024 · 5767681 · 5767681
1 parent cf4f52c
commit 5767681
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git 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
@@ -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>