[A11y]Fixing a missed horizontal scroll bar case (#8353)

* Adding some style workarounds for narrow screen
* Update similar snippet for 2FA dialog
* Remove display flex from login account row

Author: ryuyu

src/Bootstrap/dist/css/bootstrap-theme.css

@@ -40,7 +40,6 @@
 
   .login-account-row {
     padding-top: 10px;
-    display: flex;
     align-items: center;
     justify-content: space-between;
   }

src/Bootstrap/less/theme/page-account-settings.less

@@ -30,10 +30,10 @@
                 @Html.AntiForgeryToken()
 
                 <div class="login-account-row">
-                    <span>
+                    <span class="col-sm-9"  style="padding: 0;">
                         Microsoft account: <b>@cred.Identity</b>
                     </span>
-                    <span class="col-sm-3">
+                    <span class="col-sm-3" style="padding: 0;">
                         <button class="btn btn-default btn-block" type="submit"
                                 data-confirm="This action will replace all of your linked accounts and password login with the new login account. Are you sure you want to change your login account?">
                             Change Account
@@ -69,10 +69,10 @@
                     <div class="login-account-row">
                         @if (Model.User.EnableMultiFactorAuthentication)
                         {
-                            <span>
+                            <span class="col-sm-9"  style="padding: 0;">
                                 Two-factor authentication is currently enabled <i class="ms-Icon ms-Icon--CheckMark checkmark-icon" aria-hidden="true"></i>
                             </span>
-                            <span class="col-sm-3">
+                            <span class="col-sm-3" style="padding: 0;">
                                 <button class="btn btn-danger btn-block" type="submit"
                                         data-confirm="This action will disable 2FA, making your account less secure. Are you sure you want to disable this setting?">
                                     Disable
@@ -81,10 +81,10 @@
                         }
                         else
                         {
-                            <span>
+                            <span class="col-sm-9"  style="padding: 0;">
                                 Two-factor authentication is currently disabled <i class="ms-Icon ms-Icon--Warning warning-icon" aria-hidden="true"></i>
                             </span>
-                            <span class="col-sm-3">
+                            <span class="col-sm-3" style="padding: 0;">
                                 <button class="btn btn-default btn-block" type="submit">Enable</button>
                             </span>
                         }