fix button not full width on mobile

ellite · Oct 4, 2024 · 900f632 · 900f632
1 parent 03b66dd
commit 900f632
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/profile.php b/profile.php
@@ -151,12 +151,12 @@ class="thin mobile-grow" />
                 <h2><?= translate("two_factor_authentication", $i18n) ?></h2>
             </header>
             <div class="account-2fa">
-                <div class="form-group">
+                <div class="buttons">
                     <?php
                     if (!$userData['totp_enabled']) {
                         ?>
                         <input type="button" value="<?= translate('enable_two_factor_authentication', $i18n) ?>" id="enableTotp"
-                            onClick="enableTotp()" />
+                            onClick="enableTotp()" class="button thin mobile-grow"/>
                         <div class="totp-popup" id="totp-popup">
                             <header>
                                 <h3><?= translate('enable_two_factor_authentication', $i18n) ?></h3>
@@ -199,7 +199,7 @@ class="thin mobile-grow" />
                         <?php
                     } else {
                         ?>
-                        <input type="button" class="button secondary-button"
+                        <input type="button" class="button secondary-button thin mobile-grow"
                             value="<?= translate('disable_two_factor_authentication', $i18n) ?>" id="disableTotp"
                             onClick="disableTotp()" />
                         <div class="totp-popup" id="totp-disable-popup">

diff --git a/styles/styles.css b/styles/styles.css
@@ -846,13 +846,18 @@ header #avatar {
 .account-fixer .buttons,
 .account-categories .buttons,
 .account-notifications .buttons,
-.admin-form .buttons {
+.admin-form .buttons,
+.account-2fa .buttons {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 20px;
 }
 
+.account-2fa .buttons {
+  justify-content: flex-start;
+}
+
 .admin-form hr {
   margin: 20px 0px;
   color: var(--main-color);