qfq-bs.css.less, BuildFormBootstrap.php: Align Checkbox to label. New class 'qfq-note' for Notes

extension/qfq/qfq/BuildFormBootstrap.php

@@ -445,7 +445,8 @@ EOF;
         $html .= $this->customWrap($formElement, $htmlElement, FE_WRAP_INPUT, $formElement[FE_BS_INPUT_COLUMNS],
             [$this->wrap[WRAP_SETUP_INPUT][WRAP_SETUP_START], $this->wrap[WRAP_SETUP_INPUT][WRAP_SETUP_END]]);
 
-        $html .= $this->customWrap($formElement, $formElement[FE_NOTE], FE_WRAP_NOTE, $formElement[FE_BS_NOTE_COLUMNS],
+        $note = Support::wrapTag("<div class='qfq-note'>", $formElement[FE_NOTE], true);
+        $html .= $this->customWrap($formElement, $note, FE_WRAP_NOTE, $formElement[FE_BS_NOTE_COLUMNS],
             [$this->wrap[WRAP_SETUP_NOTE][WRAP_SETUP_START], $this->wrap[WRAP_SETUP_NOTE][WRAP_SETUP_END]]);
 
         // ROW

less/qfq-bs.css.less

@@ -34,12 +34,12 @@ i.@{spinner_class} {
 
   /* reduce unwished padding-top offset */
   .checkbox {
-    padding-top: 0;
+    padding-top: 7px;
   }
 
   .checkbox-inline {
-    padding-top: 0;
-    margin-top: -4px;
+    padding-top: 7px;
+    margin-top: 0;
   }
 
   .radio {
@@ -125,6 +125,10 @@ i.@{spinner_class} {
 .qfq-child-margin-top + .qfq-child-margin-top {
   margin-top: 15px;
 }
+
+.qfq-note {
+  padding-top: 7px;
+}
 // Mit BB anschauen wie man die NOTE Felder formatiert
 //
 //.text-input {