Fix navbar spacing, headings spacing, modal dialogs

[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 5d88ae4..3d1b76a 100644 (file)
--- a/my_account/sign_up/index.html.jst
+++ b/my_account/sign_up/index.html.jst
@@ -44,27 +44,27 @@ return async env => {
       }
       div.row {
         div.col-md-12 {
-          div.form-group {
+          div.form-check {
             input.form-check-input#contact-me(type="checkbox" checked="checked") {}
             ' '
-            label(for="contact-me") {
+            label.form-check-label(for="contact-me") {
               'Contact me by email with updates and special offers'
             }
           }
         }
       }
-      div.row {
-        div.'col-md-6'.vcenter {
+      div.row.align-items-center {
+        div.'col-md-6' {
           div.form-group {
-            label(for="verification") {'Verification *'}
-            input.form-control#verification(type="text" placeholder="Type the verification code shown to the right" required="required" minlength=6 maxlength=6) {}
+            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) {}
           }
         }
-        div.'col-md-3'.vcenter {
-          img#verification-image(src="/api/verification_image.png" width=300 height=150) {}
+        div.'col-md-3' {
+          img#verification-image(src="/api/verification_image.png?seq=0" width=300 height=150) {}
         }
-        div.'col-md-3'.vcenter.text-center {
-          input.btn.btn-default#'generate-new-code'(type="button" value="Generate new code") {}
+        div.'col-md-3'.my-auto.text-center {
+          input.btn.btn-outline-secondary#'generate-new-code'(type="button" value="Generate new code") {}
         }
       }
       div.row {
@@ -72,26 +72,19 @@ return async env => {
           input.btn.btn-success#submit(type="button" value="Create account") {}
         }
       }
-      p {} // fix this later
-      p.text-muted {
-        strong {'*'}
-        'These fields are required.'
-      }
+      p.mt-2 {'* These fields are required.'}
 
       // hidden part
       div#message-modal.modal.fade(role="dialog") {
         div.modal-dialog {
           div.modal-content {
             div.modal-header {
-              //button.close(type="button" data-dismiss="modal") {
-              //  '×'
-              //}
-              h5.modal-title {'Message'}
+              span.h5.modal-title {'Message'}
             }
             div#message-modal-message.modal-body {
             }
             div.modal-footer {
-              button.btn.btn-default(type="button" data-dismiss="modal") {
+              button.btn.btn-outline-secondary(type="button" data-dismiss="modal") {
                 'Close'
               }
             }
@@ -135,7 +128,7 @@ return async env => {
               }
             )
 
-            let image_seq = 0
+            let image_seq = 1
             $('#generate-new-code').click(
               () => {
                 document.getElementById('verification-image').src = `/api/verification_image.png?seq=${image_seq}`