Styling

Author: damienbod

Idp.Swiyu.Passkeys.Sts/Pages/Account/Manage/ChangePassword.cshtml

@@ -26,7 +26,7 @@
                 <input asp-for="Input.ConfirmPassword" class="form-control" autocomplete="new-password" aria-required="true" />
                 <span asp-validation-for="Input.ConfirmPassword" class="text-danger"></span>
             </div>
-            <button type="submit" class="btn btn-primary">Update password</button>
+            <button type="submit" class="btn btn-primary coll-sm-6">Update password</button>
         </form>
     </div>
 </div>

Idp.Swiyu.Passkeys.Sts/Pages/Account/Manage/Email.cshtml

@@ -25,7 +25,7 @@
                  else
                 {
                     <input asp-for="Email" class="form-control" disabled />
-                    <button id="email-verification" type="submit" asp-page-handler="SendVerificationEmail" class="btn btn-link">Send verification email</button>
+                    <button id="email-verification" type="submit" asp-page-handler="SendVerificationEmail" class="btn btn-link col-sm-6">Send verification email</button>
                 }
             </div>
             <div class="form-group">

Idp.Swiyu.Passkeys.Sts/Pages/Account/Manage/EnableAuthenticator.cshtml

@@ -39,7 +39,7 @@
                             <input asp-for="Input.Code" class="form-control" autocomplete="off" />
                             <span asp-validation-for="Input.Code" class="text-danger"></span>
                         </div>
-                        <button type="submit" class="btn btn-primary">Verify</button>
+                        <button type="submit" class="btn btn-primary col-sm-6">Verify</button>
                         <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                     </form>
                 </div>

Idp.Swiyu.Passkeys.Sts/Pages/Account/Manage/GenerateRecoveryCodes.cshtml

@@ -22,6 +22,6 @@
 </div>
 <div>
     <form method="post" class="form-group">
-        <button class="btn btn-danger" type="submit">Generate Recovery Codes</button>
+        <button class="btn btn-danger col-sm-6" type="submit">Generate Recovery Codes</button>
     </form>
 </div>

Idp.Swiyu.Passkeys.Sts/Pages/Account/Manage/PersonalData.cshtml

@@ -14,11 +14,11 @@
             <strong>Deleting this data will permanently remove your account, and this cannot be recovered.</strong>
         </p>
         <form id="download-data" asp-page="DownloadPersonalData" method="post" class="form-group">
-            <button class="btn btn-primary" type="submit">Download</button>
+            <button class="btn btn-primary col-sm-6" type="submit">Download</button>
         </form>
-        <p>
-            <a id="delete" role="button" asp-page="DeletePersonalData" class="btn btn-secondary">Delete</a>
-        </p>
+        <div>
+            <a id="delete" role="button" asp-page="DeletePersonalData" class="btn btn-secondary col-sm-6">Delete</a>
+        </div>
     </div>
 </div>
 

Idp.Swiyu.Passkeys.Sts/Pages/Account/Manage/SetPassword.cshtml

@@ -25,7 +25,7 @@
                 <input asp-for="Input.ConfirmPassword" class="form-control" />
                 <span asp-validation-for="Input.ConfirmPassword" class="text-danger"></span>
             </div>
-            <button type="submit" class="btn btn-primary">Set password</button>
+            <button type="submit" class="btn btn-primary col-sm-6">Set password</button>
         </form>
     </div>
 </div>

Idp.Swiyu.Passkeys.Sts/Pages/Account/Manage/TwoFactorAuthentication.cshtml

@@ -34,22 +34,22 @@
     if (Model.IsMachineRemembered)
     {
         <form method="post" class="display-inline-block">
-            <button type="submit" class="btn btn-primary">Forget this browser</button>
+            <button type="submit" class="btn btn-primary col-sm-6">Forget this browser</button>
         </form>
     }
-    <a asp-page="/Account/Manage/Disable2fa" class="btn btn-primary">Disable 2FA</a>
-    <a asp-page="/Account/Manage/GenerateRecoveryCodes" class="btn btn-primary">Reset recovery codes</a>
+    <a asp-page="/Account/Manage/Disable2fa" class="btn btn-primary col-sm-6">Disable 2FA</a>
+    <a asp-page="/Account/Manage/GenerateRecoveryCodes" class="btn btn-primary col-sm-6">Reset recovery codes</a>
 }
 
 <h4>Authenticator app</h4>
 @if (!Model.HasAuthenticator)
 {
-    <a id="enable-authenticator" asp-page="/Account/Manage/EnableAuthenticator" class="btn btn-primary">Add authenticator app</a>
+    <a id="enable-authenticator" asp-page="/Account/Manage/EnableAuthenticator" class="btn btn-primary col-sm-6">Add authenticator app</a>
 }
 else
 {
-    <a id="enable-authenticator" asp-page="/Account/Manage/EnableAuthenticator" class="btn btn-primary">Setup authenticator app</a>
-    <a id="reset-authenticator" asp-page="/Account/Manage/ResetAuthenticator" class="btn btn-primary">Reset authenticator app</a>
+    <a id="enable-authenticator" asp-page="/Account/Manage/EnableAuthenticator" class="btn btn-primary col-sm-6">Setup authenticator app</a>
+    <a id="reset-authenticator" asp-page="/Account/Manage/ResetAuthenticator" class="btn btn-primary col-sm-6">Reset authenticator app</a>
 }
 
 @section Scripts {