From: Coleman Watts <coleman@civicrm.org>
Date: Fri, 10 Sep 2021 14:28:19 +0000 (-0400)
Subject: SearchKit - Fix alignment in table headers
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=59cda0cebba9ace93021018a8529962d857a22cb;p=civicrm-core.git

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 9642bf5537..56614f2c3d 100644
--- 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 69f37e8959..dbd48542e1 100644
--- 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;