From 2e3ad82b60126cf71f6dc6ad4bde675f9cd04ec3 Mon Sep 17 00:00:00 2001
From: Jordan Aasen <166539328+jaasen-livefront@users.noreply.github.com>
Date: Mon, 28 Oct 2024 02:20:55 -0700
Subject: [PATCH] fix icon placement in password input (#11720)

---
 .../options/send-options.component.html       | 57 ++++++++++---------
 1 file changed, 29 insertions(+), 28 deletions(-)

diff --git a/libs/tools/send/send-ui/src/send-form/components/options/send-options.component.html b/libs/tools/send/send-ui/src/send-form/components/options/send-options.component.html
index fe05cd71b9..022f248aa1 100644
--- a/libs/tools/send/send-ui/src/send-form/components/options/send-options.component.html
+++ b/libs/tools/send/send-ui/src/send-form/components/options/send-options.component.html
@@ -14,34 +14,35 @@
     <bit-form-field>
       <bit-label>{{ (passwordRemoved ? "newPassword" : "password") | i18n }}</bit-label>
       <input bitInput type="password" formControlName="password" />
-      <ng-container *ngIf="!hasPassword">
-        <button
-          data-testid="toggle-visibility-for-password"
-          type="button"
-          bitIconButton
-          bitSuffix
-          bitPasswordInputToggle
-        ></button>
-        <button
-          type="button"
-          bitIconButton="bwi-generate"
-          bitSuffix
-          [appA11yTitle]="'generatePassword' | i18n"
-          [disabled]="!config.areSendsAllowed"
-          (click)="generatePassword()"
-          data-testid="generate-password"
-        ></button>
-        <button
-          type="button"
-          bitIconButton="bwi-clone"
-          bitSuffix
-          [appA11yTitle]="'copyPassword' | i18n"
-          [disabled]="!config.areSendsAllowed || !sendOptionsForm.get('password').value"
-          [valueLabel]="'password' | i18n"
-          [appCopyClick]="sendOptionsForm.get('password').value"
-          showToast
-        ></button>
-      </ng-container>
+      <button
+        data-testid="toggle-visibility-for-password"
+        type="button"
+        bitIconButton
+        bitSuffix
+        bitPasswordInputToggle
+        *ngIf="!hasPassword"
+      ></button>
+      <button
+        type="button"
+        bitIconButton="bwi-generate"
+        bitSuffix
+        [appA11yTitle]="'generatePassword' | i18n"
+        [disabled]="!config.areSendsAllowed"
+        (click)="generatePassword()"
+        data-testid="generate-password"
+        *ngIf="!hasPassword"
+      ></button>
+      <button
+        type="button"
+        bitIconButton="bwi-clone"
+        bitSuffix
+        [appA11yTitle]="'copyPassword' | i18n"
+        [disabled]="!config.areSendsAllowed || !sendOptionsForm.get('password').value"
+        [valueLabel]="'password' | i18n"
+        [appCopyClick]="sendOptionsForm.get('password').value"
+        showToast
+        *ngIf="!hasPassword"
+      ></button>
       <button
         *ngIf="hasPassword"
         class="tw-border-l-0 last:tw-rounded-r focus-visible:tw-border-l focus-visible:tw-ml-[-1px]"