box-content-row-checkbox styling for left aligned (#1453)

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>

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;

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;
-        }
-    }