From 7015734bec69e25d2cbe6b44cfc77a25295fedaf Mon Sep 17 00:00:00 2001
From: Jared Snider <116684653+JaredSnider-Bitwarden@users.noreply.github.com>
Date: Mon, 24 Feb 2025 09:39:44 -0500
Subject: [PATCH] feat(AccountSecurityComponent & Fingerprint Dialog):
 [Auth/PM-14588] fix all reported styling issues (#13525)

---
 .../popup/settings/account-security.component.html | 14 ++++++++------
 .../popup/settings/account-security.component.ts   |  2 +-
 .../fingerprint-dialog.component.html              |  2 +-
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/apps/browser/src/auth/popup/settings/account-security.component.html b/apps/browser/src/auth/popup/settings/account-security.component.html
index 070cff250f9..3c5fd7a6af8 100644
--- a/apps/browser/src/auth/popup/settings/account-security.component.html
+++ b/apps/browser/src/auth/popup/settings/account-security.component.html
@@ -5,7 +5,7 @@
     </ng-container>
   </popup-header>
 
-  <div class="tw-bg-background-alt tw-p-2" [formGroup]="form">
+  <div [formGroup]="form">
     <bit-section>
       <bit-section-header>
         <h2 bitTypography="h6">{{ "unlockMethods" | i18n }}</h2>
@@ -59,6 +59,7 @@
         </bit-form-control>
       </bit-card>
     </bit-section>
+
     <bit-section>
       <bit-section-header>
         <h2 bitTypography="h6">{{ "vaultTimeoutHeader" | i18n }}</h2>
@@ -71,6 +72,7 @@
           ngDefaultControl
         >
         </auth-vault-timeout-input>
+
         <bit-form-field disableMargin>
           <bit-label for="vaultTimeoutAction">{{ "vaultTimeoutAction1" | i18n }}</bit-label>
           <bit-select id="vaultTimeoutAction" formControlName="vaultTimeoutAction">
@@ -81,24 +83,24 @@
             >
             </bit-option>
           </bit-select>
-          <bit-hint class="tw-text-sm" id="vaultTimeoutActionHelp">
-            {{ "vaultTimeoutActionDesc" | i18n }}
-          </bit-hint>
+
           <bit-hint *ngIf="!availableVaultTimeoutActions.includes(VaultTimeoutAction.Lock)">
             {{ "unlockMethodNeededToChangeTimeoutActionDesc" | i18n }}<br />
           </bit-hint>
         </bit-form-field>
-        <bit-hint *ngIf="hasVaultTimeoutPolicy">
+
+        <bit-hint *ngIf="hasVaultTimeoutPolicy" class="tw-mt-4">
           {{ "vaultTimeoutPolicyAffectingOptions" | i18n }}
         </bit-hint>
       </bit-card>
     </bit-section>
+
     <bit-section>
       <bit-section-header>
         <h2 bitTypography="h6">{{ "otherOptions" | i18n }}</h2>
       </bit-section-header>
       <bit-item>
-        <button bit-item-content type="button" appStopClick (click)="fingerprint()">
+        <button bit-item-content type="button" appStopClick (click)="openAcctFingerprintDialog()">
           {{ "fingerprintPhrase" | i18n }}
         </button>
       </bit-item>
diff --git a/apps/browser/src/auth/popup/settings/account-security.component.ts b/apps/browser/src/auth/popup/settings/account-security.component.ts
index 9b639c55430..4a64783c78c 100644
--- a/apps/browser/src/auth/popup/settings/account-security.component.ts
+++ b/apps/browser/src/auth/popup/settings/account-security.component.ts
@@ -622,7 +622,7 @@ export class AccountSecurityComponent implements OnInit, OnDestroy {
     }
   }
 
-  async fingerprint() {
+  async openAcctFingerprintDialog() {
     const activeUserId = await firstValueFrom(
       this.accountService.activeAccount$.pipe(map((a) => a?.id)),
     );
diff --git a/libs/auth/src/angular/fingerprint-dialog/fingerprint-dialog.component.html b/libs/auth/src/angular/fingerprint-dialog/fingerprint-dialog.component.html
index d6005c970f7..d66a3a77d93 100644
--- a/libs/auth/src/angular/fingerprint-dialog/fingerprint-dialog.component.html
+++ b/libs/auth/src/angular/fingerprint-dialog/fingerprint-dialog.component.html
@@ -1,5 +1,5 @@
 <bit-simple-dialog>
-  <i bitDialogIcon class="bwi bwi-info-circle tw-text-3xl" aria-hidden="true"></i>
+  <i bitDialogIcon class="bwi bwi-info-circle tw-text-info tw-text-3xl" aria-hidden="true"></i>
   <span bitDialogTitle
     ><strong>{{ "yourAccountsFingerprint" | i18n }}:</strong></span
   >