Fix UI issues

customize.dist/pages.js

@@ -639,7 +639,7 @@ define([
         );
     };
 
-    Pages.createCheckbox = function (id, label, checked, opts) {
+    Pages.createCheckbox = function (id, labelTxt, checked, opts) {
         opts = opts|| {};
         // Input properties
         var inputOpts = {
@@ -660,6 +660,7 @@ define([
 
         var input = h('input', inputOpts);
         var mark = h('span.cp-checkmark-mark', markOpts);
+        var label = h('span.cp-checkmark-label', labelTxt);
 
         $(mark).keydown(function (e) {
             if (e.which === 32) {
@@ -677,7 +678,7 @@ define([
         ]);
     };
 
-    Pages.createRadio = function (name, id, label, checked, opts) {
+    Pages.createRadio = function (name, id, labelTxt, checked, opts) {
         opts = opts|| {};
         // Input properties
         var inputOpts = {
@@ -699,12 +700,14 @@ define([
 
         var input = h('input', inputOpts);
         var mark = h('span.cp-radio-mark', markOpts);
+        var label = h('span.cp-checkmark-label', labelTxt);
 
         $(mark).keydown(function (e) {
             if (e.which === 32) {
                 e.stopPropagation();
                 e.preventDefault();
                 $(input).prop('checked', !$(input).is(':checked'));
+                $(input).change();
             }
         });
 
@@ -767,7 +770,7 @@ define([
                         Pages.createCheckbox('import-recent', Msg.register_importRecent, true)
                     ]),
                     h('div.checkbox-container', [
-                        $(Pages.createCheckbox('import-recent')).append(Msg.register_acceptTerms)[0]
+                        $(Pages.createCheckbox('accept-terms')).find('.cp-checkmark-label').append(Msg.register_acceptTerms).parent()[0]
                     ]),
                     h('button#register.btn.cp-login-register', Msg.login_register)
                 ])

customize.dist/src/less2/include/checkmark.less

@@ -49,6 +49,11 @@
             }
         }
 
+        .cp-checkmark-label {
+            &:empty {
+                display: none;
+            }
+        }
         .cp-checkmark-mark {
             margin-right: 10px;
             position: relative;
@@ -68,6 +73,7 @@
                 transform: rotate(45deg);
                 border: solid @colortheme_checkmark-col1;
                 border-width: 0 @width @width 0;
+                position: absolute;
             }
             &:focus {
                 //border-color: #FF007C !important;
@@ -114,6 +120,13 @@
                 }
             }
         }
+
+        .cp-checkmark-label {
+            &:empty {
+                display: none;
+            }
+        }
+
         @radio-size: @dim1 * 3;
         .cp-radio-mark {
             margin-right: 10px;

customize.dist/src/less2/include/sidebar-layout.less

@@ -54,11 +54,7 @@
                 }
                 label.noTitle {
                     display: inline-flex;
-                    vertical-align: top;
-                    & ~ .fa {
-                        line-height: 24px;
-                        height: 24px;
-                        vertical-align: top;
+                    .fa {
                         margin-left: 10px;
                     }
                 }