Make sign up form styling more similar to how Bootstrap 3 used to be

[ndcode_site.git] / my_account / sign_up / index.html.jst

diff --git a/my_account/sign_up/index.html.jst b/my_account/sign_up/index.html.jst
index 3d1b76a..6be661d 100644 (file)
--- a/my_account/sign_up/index.html.jst
+++ b/my_account/sign_up/index.html.jst
@@ -17,13 +17,13 @@ return async env => {
       div.row {
         div.col-md-6 {
           div.form-group {
-            label(for="given-names") {'Given names *'}
+            label.form-label(for="given-names") {'Given names *'}
             input.form-control#given-names(type="text" placeholder="Your given names" required="required" maxlength=256) {}
           }
         }
         div.col-md-6 {
           div.form-group {
-            label(for="family-name") {'Family name'}
+            label.form-label(for="family-name") {'Family name'}
             input.form-control#family-name(type="text" placeholder="Your family name" maxlength=256) {}
           }
         }
@@ -31,23 +31,23 @@ return async env => {
       div.row {
         div.col-md-6 {
           div.form-group {
-            label(for="email") {'Email *'}
+            label.form-label(for="email") {'Email *'}
             input.form-control#email(type="email" placeholder="Your email address" required="required" maxlength=256) {}
           }
         }
         div.col-md-6 {
           div.form-group {
-            label(for="password") {'Password *'}
+            label.form-label(for="password") {'Password *'}
             input.form-control#password(type="password" placeholder="New password" required="required" minlength=8 maxlength=256) {}
           }
         }
       }
       div.row {
         div.col-md-12 {
-          div.form-check {
-            input.form-check-input#contact-me(type="checkbox" checked="checked") {}
+          div.custom-control.custom-checkbox {
+            input.custom-control-input#contact-me(type="checkbox" checked="checked") {}
             ' '
-            label.form-check-label(for="contact-me") {
+            label.custom-control-label(for="contact-me") {
               'Contact me by email with updates and special offers'
             }
           }
@@ -56,7 +56,7 @@ return async env => {
       div.row.align-items-center {
         div.'col-md-6' {
           div.form-group {
-            label(for="verification-code") {'Verification code *'}
+            label.form-label(for="verification-code") {'Verification code *'}
             input.form-control#verification-code(type="text" placeholder="Type the code shown to the right" required="required" minlength=6 maxlength=6) {}
           }
         }