From 33f66263fa69b89c3ad07dee230582f5fbe8917e Mon Sep 17 00:00:00 2001
From: rr-bw <102181210+rr-bw@users.noreply.github.com>
Date: Wed, 28 Aug 2024 16:14:05 -0700
Subject: [PATCH] remove unnecessary width class (#10781)

---
 .../two-factor-auth.component.html            | 143 +++++++++---------
 1 file changed, 70 insertions(+), 73 deletions(-)

diff --git a/libs/angular/src/auth/components/two-factor-auth/two-factor-auth.component.html b/libs/angular/src/auth/components/two-factor-auth/two-factor-auth.component.html
index 137a4f903be..8462a18ac2e 100644
--- a/libs/angular/src/auth/components/two-factor-auth/two-factor-auth.component.html
+++ b/libs/angular/src/auth/components/two-factor-auth/two-factor-auth.component.html
@@ -1,79 +1,76 @@
 <form [bitSubmit]="submitForm" [formGroup]="formGroup" autocomplete="off">
-  <div class="tw-min-w-96">
-    <app-two-factor-auth-email
-      (token)="token = $event"
-      *ngIf="selectedProviderType === providerType.Email"
-    />
-    <app-two-factor-auth-authenticator
-      (token)="token = $event"
-      *ngIf="selectedProviderType === providerType.Authenticator"
-    />
-    <app-two-factor-auth-yubikey
-      (token)="token = $event"
-      *ngIf="selectedProviderType === providerType.Yubikey"
-    />
-    <app-two-factor-auth-webauthn
-      (token)="token = $event; submitForm()"
-      *ngIf="selectedProviderType === providerType.WebAuthn"
-    />
-    <app-two-factor-auth-duo
-      (token)="token = $event; submitForm()"
-      [providerData]="providerData"
+  <app-two-factor-auth-email
+    (token)="token = $event"
+    *ngIf="selectedProviderType === providerType.Email"
+  />
+  <app-two-factor-auth-authenticator
+    (token)="token = $event"
+    *ngIf="selectedProviderType === providerType.Authenticator"
+  />
+  <app-two-factor-auth-yubikey
+    (token)="token = $event"
+    *ngIf="selectedProviderType === providerType.Yubikey"
+  />
+  <app-two-factor-auth-webauthn
+    (token)="token = $event; submitForm()"
+    *ngIf="selectedProviderType === providerType.WebAuthn"
+  />
+  <app-two-factor-auth-duo
+    (token)="token = $event; submitForm()"
+    [providerData]="providerData"
+    *ngIf="
+      selectedProviderType === providerType.OrganizationDuo ||
+      selectedProviderType === providerType.Duo
+    "
+    #duoComponent
+  />
+  <bit-form-control *ngIf="selectedProviderType != null">
+    <bit-label>{{ "rememberMe" | i18n }}</bit-label>
+    <input type="checkbox" bitCheckbox formControlName="remember" />
+  </bit-form-control>
+  <ng-container *ngIf="selectedProviderType == null">
+    <p bitTypography="body1">{{ "noTwoStepProviders" | i18n }}</p>
+    <p bitTypography="body1">{{ "noTwoStepProviders2" | i18n }}</p>
+  </ng-container>
+  <div [hidden]="!showCaptcha()">
+    <iframe id="hcaptcha_iframe" height="80" sandbox="allow-scripts allow-same-origin"></iframe>
+  </div>
+  <!-- Buttons -->
+  <div class="tw-flex tw-flex-col tw-space-y-2.5 tw-mb-3">
+    <button
+      type="submit"
+      buttonType="primary"
+      bitButton
+      bitFormButton
       *ngIf="
-        selectedProviderType === providerType.OrganizationDuo ||
-        selectedProviderType === providerType.Duo
+        selectedProviderType != null &&
+        selectedProviderType !== providerType.WebAuthn &&
+        selectedProviderType !== providerType.Duo &&
+        selectedProviderType !== providerType.OrganizationDuo
       "
-      #duoComponent
-    />
-    <bit-form-control *ngIf="selectedProviderType != null">
-      <bit-label>{{ "rememberMe" | i18n }}</bit-label>
-      <input type="checkbox" bitCheckbox formControlName="remember" />
-    </bit-form-control>
-    <ng-container *ngIf="selectedProviderType == null">
-      <p bitTypography="body1">{{ "noTwoStepProviders" | i18n }}</p>
-      <p bitTypography="body1">{{ "noTwoStepProviders2" | i18n }}</p>
-    </ng-container>
-    <hr />
-    <div [hidden]="!showCaptcha()">
-      <iframe id="hcaptcha_iframe" height="80" sandbox="allow-scripts allow-same-origin"></iframe>
-    </div>
-    <!-- <!-- Buttons -->
-    <div class="tw-flex tw-flex-col tw-space-y-2.5 tw-mb-3">
-      <button
-        type="submit"
-        buttonType="primary"
-        bitButton
-        bitFormButton
-        *ngIf="
-          selectedProviderType != null &&
-          selectedProviderType !== providerType.WebAuthn &&
-          selectedProviderType !== providerType.Duo &&
-          selectedProviderType !== providerType.OrganizationDuo
-        "
-      >
-        <span> <i class="bwi bwi-sign-in" aria-hidden="true"></i> {{ actionButtonText }} </span>
-      </button>
-      <button
-        type="button"
-        buttonType="primary"
-        bitButton
-        (click)="launchDuo()"
-        *ngIf="
-          selectedProviderType === providerType.Duo ||
-          selectedProviderType === providerType.OrganizationDuo
-        "
-      >
-        <span> <i class="bwi bwi-sign-in" aria-hidden="true"></i> {{ "launchDuo" | i18n }}</span>
-      </button>
+    >
+      <span> <i class="bwi bwi-sign-in" aria-hidden="true"></i> {{ actionButtonText }} </span>
+    </button>
+    <button
+      type="button"
+      buttonType="primary"
+      bitButton
+      (click)="launchDuo()"
+      *ngIf="
+        selectedProviderType === providerType.Duo ||
+        selectedProviderType === providerType.OrganizationDuo
+      "
+    >
+      <span> <i class="bwi bwi-sign-in" aria-hidden="true"></i> {{ "launchDuo" | i18n }}</span>
+    </button>
 
-      <a routerLink="/login" bitButton buttonType="secondary">
-        {{ "cancel" | i18n }}
-      </a>
-    </div>
-    <div class="text-center">
-      <a bitLink href="#" appStopClick (click)="selectOtherTwofactorMethod()">{{
-        "useAnotherTwoStepMethod" | i18n
-      }}</a>
-    </div>
+    <a routerLink="/login" bitButton buttonType="secondary">
+      {{ "cancel" | i18n }}
+    </a>
+  </div>
+  <div class="text-center">
+    <a bitLink href="#" appStopClick (click)="selectOtherTwofactorMethod()">{{
+      "useAnotherTwoStepMethod" | i18n
+    }}</a>
   </div>
 </form>