From f662e385170ae5292db43d298ed2b48bc483e49e Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kspearrin@users.noreply.github.com>
Date: Fri, 13 Nov 2020 11:51:49 -0500
Subject: [PATCH] box-content-row-checkbox styling for left aligned (#1453)

---
 src/popup/accounts/register.component.html |  2 +-
 src/popup/scss/box.scss                    |  8 ++++++++
 src/popup/scss/misc.scss                   | 16 ----------------
 3 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/src/popup/accounts/register.component.html b/src/popup/accounts/register.component.html
index c673730d98..8fc97f20c3 100644
--- a/src/popup/accounts/register.component.html
+++ b/src/popup/accounts/register.component.html
@@ -82,7 +82,7 @@
         </div>
         <div class="box last" *ngIf="showTerms">
             <div class="box-content">
-                <div class="box-footer box-content-row checkbox">
+                <div class="box-content-row box-content-row-checkbox box-content-row-checkbox-left" appBoxRow>
                     <input type="checkbox" id="acceptPolicies" [(ngModel)]="acceptPolicies" name="AcceptPolicies">
                     <label for="acceptPolicies">
                         {{'acceptPolicies' | i18n}}<br>
diff --git a/src/popup/scss/box.scss b/src/popup/scss/box.scss
index 8567db25ad..71ad813d7a 100644
--- a/src/popup/scss/box.scss
+++ b/src/popup/scss/box.scss
@@ -293,6 +293,14 @@
         }
     }
 
+    &.box-content-row-checkbox-left {
+        justify-content: flex-start;
+
+        > input {
+            margin: 0 15px 0 0;
+        }
+    }
+
     &.box-content-row-input {
         label {
             white-space: nowrap;
diff --git a/src/popup/scss/misc.scss b/src/popup/scss/misc.scss
index 90f13a9f51..95f8bd2dde 100644
--- a/src/popup/scss/misc.scss
+++ b/src/popup/scss/misc.scss
@@ -307,19 +307,3 @@ app-vault-icon {
 input[type="password"]::-ms-reveal {
     display: none;
 }
-
-.checkbox {
-        position: relative;
-        display: block;
-        padding-left: 18px;
-
-        label {
-            margin-bottom: 0;
-        }
-
-        input[type="checkbox"] {
-            position: absolute;
-            margin-top: 4px;
-            margin-left: -18px;
-        }
-    }