From 43c9e0901a994b118e910012a3853d371c1e7ead Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Mon, 13 May 2024 16:41:35 -0700
Subject: [PATCH] fix(auth): remove margins on account MFA text buttons on
 mobile

---
 src/routes/console/account/updateMfa.svelte | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/routes/console/account/updateMfa.svelte b/src/routes/console/account/updateMfa.svelte
index 6754f5355b..a257865f65 100644
--- a/src/routes/console/account/updateMfa.svelte
+++ b/src/routes/console/account/updateMfa.svelte
@@ -121,7 +121,15 @@
                         </div>
                         <div class="method-button">
                             {#if $factors.totp}
-                                <Button text on:click={() => (showDelete = true)}>Delete</Button>
+                                <Button
+                                    text
+                                    class="is-not-mobile"
+                                    on:click={() => (showDelete = true)}>Delete</Button>
+                                <Button
+                                    text
+                                    class="is-only-mobile"
+                                    noMargin
+                                    on:click={() => (showDelete = true)}>Delete</Button>
                             {:else}
                                 <Button secondary on:click={() => (showSetup = true)}>Add</Button>
                             {/if}
@@ -184,9 +192,14 @@
                             <div class="method-button">
                                 {#if $factors.recoveryCode}
                                     <Button
-                                        class="method-button"
+                                        class="method-button is-not-mobile"
                                         text
-                                        secondary
+                                        on:click={() => (showRegenerateRecoveryCodes = true)}
+                                        >Regenerate</Button>
+                                    <Button
+                                        class="method-button is-only-mobile"
+                                        text
+                                        noMargin
                                         on:click={() => (showRegenerateRecoveryCodes = true)}
                                         >Regenerate</Button>
                                 {:else}