Better looking checkboxes in api explorer

diff --git a/ang/api4Explorer/Explorer.html b/ang/api4Explorer/Explorer.html
index 462581267ba2fc3e771980c3390a357f999bbea3..bd4b09636aa16c692446916531e2427aa645deb1 100644 (file)
--- a/ang/api4Explorer/Explorer.html
+++ b/ang/api4Explorer/Explorer.html
@@ -30,10 +30,10 @@
         </div>
         <div class="panel-body">
           <div class="api4-input form-inline">
-            <div class="form-control" ng-mouseenter="help(name, param)" ng-mouseleave="help()" ng-class="{'api4-option-selected': params[name]}" ng-repeat="(name, param) in availableParams" ng-if="!isSpecial(name) && param.type[0] === 'bool' && param.default !== null">
+            <label class="form-control" ng-mouseenter="help(name, param)" ng-mouseleave="help()" ng-class="{'api4-option-selected': params[name]}" ng-repeat="(name, param) in availableParams" ng-if="!isSpecial(name) && param.type[0] === 'bool' && param.default !== null">
               <input type="checkbox" id="api4-param-{{ name }}" ng-model="params[name]"/>
-              <label for="api4-param-{{ name }}">{{ name }}<span class="crm-marker" ng-if="param.required"> *</span></label>
-            </div>
+              {{ name }}<span class="crm-marker" ng-if="param.required"> *</span>
+            </label>
             <div class="form-control" ng-mouseenter="help('selectRowCount', availableParams.select)" ng-mouseleave="help()" ng-class="{'api4-option-selected': isSelectRowCount()}" ng-if="availableParams.select">
               <input type="checkbox" id="api4-param-selectRowCount" ng-checked="isSelectRowCount()" ng-click="selectRowCount()" />
               <label for="api4-param-selectRowCount">SelectRowCount</label>