From a9db6b2d7d48d65c0bffe874424b49c7f01647db Mon Sep 17 00:00:00 2001
From: jcuenca95 <42175335+jcuenca95@users.noreply.github.com>
Date: Tue, 17 Jan 2023 16:13:28 +0100
Subject: [PATCH] [PS-1872] remember me label triggers toggle (#4046)

* remember me label triggers toggle

* fix using new bitCheckbox

* changes using merge

* Update apps/web/src/app/accounts/login/login.component.html

Co-authored-by: Daniel James Smith <djsmith85@users.noreply.github.com>

* CheckboxModule imported

Co-authored-by: Daniel James Smith <djsmith85@users.noreply.github.com>
---
 .../src/app/accounts/login/login.component.html  | 16 ++++------------
 apps/web/src/app/accounts/login/login.module.ts  |  4 +++-
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/apps/web/src/app/accounts/login/login.component.html b/apps/web/src/app/accounts/login/login.component.html
index 7436bca7538..f12595ae418 100644
--- a/apps/web/src/app/accounts/login/login.component.html
+++ b/apps/web/src/app/accounts/login/login.component.html
@@ -32,18 +32,10 @@
           </div>
 
           <div class="tw-mb-3 tw-flex tw-items-start">
-            <div class="tw-flex tw-h-6 tw-items-center">
-              <input
-                id="login_input_remember-email"
-                class="tw-w-4 tw-rounded tw-border"
-                bitInput
-                type="checkbox"
-                formControlName="rememberEmail"
-              />
-            </div>
-            <bit-label class="ml-2">
-              {{ "rememberEmail" | i18n }}
-            </bit-label>
+            <bit-form-control class="tw-mb-0">
+              <input type="checkbox" bitCheckbox formControlName="rememberEmail" />
+              <bit-label>{{ "rememberEmail" | i18n }}</bit-label>
+            </bit-form-control>
           </div>
 
           <div class="tw-mb-3">
diff --git a/apps/web/src/app/accounts/login/login.module.ts b/apps/web/src/app/accounts/login/login.module.ts
index 9ab8dfb3a1b..1dfbe925807 100644
--- a/apps/web/src/app/accounts/login/login.module.ts
+++ b/apps/web/src/app/accounts/login/login.module.ts
@@ -1,12 +1,14 @@
 import { NgModule } from "@angular/core";
 
+import { CheckboxModule } from "@bitwarden/components";
+
 import { SharedModule } from "../../shared";
 
 import { LoginWithDeviceComponent } from "./login-with-device.component";
 import { LoginComponent } from "./login.component";
 
 @NgModule({
-  imports: [SharedModule],
+  imports: [SharedModule, CheckboxModule],
   declarations: [LoginComponent, LoginWithDeviceComponent],
   exports: [LoginComponent, LoginWithDeviceComponent],
 })