From 0c8e6f1ed7ca47f5384a53c679285d1bb724557f Mon Sep 17 00:00:00 2001
From: Coleman Watts <coleman@civicrm.org>
Date: Wed, 29 Jan 2020 22:36:08 -0500
Subject: [PATCH] APIv4 Explorer css tweaks

---
 ang/api4Explorer/Explorer.html | 6 +++---
 css/api4-explorer.css          | 8 ++++++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/ang/api4Explorer/Explorer.html b/ang/api4Explorer/Explorer.html
index f1a43e0017..bfa66e2750 100644
--- a/ang/api4Explorer/Explorer.html
+++ b/ang/api4Explorer/Explorer.html
@@ -34,10 +34,10 @@
               <input type="checkbox" id="api4-param-{{ name }}" ng-model="params[name]"/>
               {{ 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">
+            <label 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>
-            </div>
+              SelectRowCount
+            </label>
           </div>
           <div class="api4-input form-inline" ng-mouseenter="help(name, param)" ng-mouseleave="help()" ng-repeat="(name, param) in availableParams" ng-if="!isSpecial(name) && param.type[0] === 'bool' && param.default === null">
             <label>{{ name }}<span class="crm-marker" ng-if="param.required"> *</span></label>
diff --git a/css/api4-explorer.css b/css/api4-explorer.css
index b549bbb9a3..ae419a5086 100644
--- a/css/api4-explorer.css
+++ b/css/api4-explorer.css
@@ -108,15 +108,19 @@
   background-color: rgba(255, 255, 255, .9);
 }
 
-#bootstrap-theme.api4-explorer-page div.api4-input.form-inline .form-control {
+#bootstrap-theme.api4-explorer-page div.api4-input.form-inline label.form-control {
   margin-right: 6px;
 }
+#bootstrap-theme.api4-explorer-page div.api4-input.form-inline label.form-control input[type=checkbox] {
+  margin: 0 2px 0 0;
+}
 
-#bootstrap-theme.api4-explorer-page div.api4-input.form-inline .form-control:not(.api4-option-selected) {
+#bootstrap-theme.api4-explorer-page div.api4-input.form-inline label.form-control:not(.api4-option-selected) {
   transition: none;
   box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
+  font-weight: normal;
 }
 
 #bootstrap-theme.api4-explorer-page div.api4-input.form-inline .form-control label {
-- 
2.25.1