Merge pull request #21431 from colemanw/searchTableAlign

SearchKit - Fix alignment in table headers

diff --git a/ext/search_kit/ang/crmSearchAdmin/resultsTable/crmSearchAdminResultsTable.html b/ext/search_kit/ang/crmSearchAdmin/resultsTable/crmSearchAdminResultsTable.html
index 9642bf55376bf80e4e8ac0ef2ba224b80d228c9c..56614f2c3d456d5dbbaf6b5bfc67fa9304d57699 100644 (file)
--- a/ext/search_kit/ang/crmSearchAdmin/resultsTable/crmSearchAdminResultsTable.html
+++ b/ext/search_kit/ang/crmSearchAdmin/resultsTable/crmSearchAdminResultsTable.html
@@ -18,7 +18,7 @@
             <a href ng-switch-default class="crm-hover-button" title="{{:: ts('Clear') }}" ng-click="removeColumn($index); $event.stopPropagation();"><i class="crm-i fa-times" aria-hidden="true"></i></a>
           </span>
         </th>
-        <th class="form-inline">
+        <th class="form-inline text-right">
           <input class="form-control crm-action-menu fa-plus"
                  crm-ui-select="::{data: fieldsForSelect, placeholder: ts('Add'), width: '80px', containerCss: {minWidth: '80px'}, dropdownCss: {width: '300px'}}"
                  on-crm-ui-select="addColumn(selection)" >

diff --git a/ext/search_kit/css/crmSearchTasks.css b/ext/search_kit/css/crmSearchTasks.css
index 69f37e89593293e55baae46adcfeb0306aed5e2b..dbd48542e1c2ea67f80c5e4b48cc1ba21a50bd4f 100644 (file)
--- a/ext/search_kit/css/crmSearchTasks.css
+++ b/ext/search_kit/css/crmSearchTasks.css
@@ -4,6 +4,10 @@
   border: 1px solid lightgrey;
 }
 
+#bootstrap-theme .crm-search-display-table > table.table > thead > tr > th.crm-search-result-select {
+  vertical-align: middle;
+}
+
 .crm-search-display.crm-search-display-table td > crm-search-display-editable,
 .crm-search-display.crm-search-display-table td > .crm-editable-enabled {
   display: block !important;