From f516b5adb81f1316e6cb3dbcfddf09726a3f018b Mon Sep 17 00:00:00 2001
From: Coleman Watts <coleman@civicrm.org>
Date: Fri, 25 Mar 2022 11:20:48 -0400
Subject: [PATCH] SearchKit - Fix deleting css rule

Missing argument to splice was causing all rules to be deleted instead of just the one clicked on.

Also updates style to match other delete buttons in searchKit.
---
 .../crmSearchAdmin/displays/common/searchAdminCssRules.html   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ext/search_kit/ang/crmSearchAdmin/displays/common/searchAdminCssRules.html b/ext/search_kit/ang/crmSearchAdmin/displays/common/searchAdminCssRules.html
index 662ebfa16a..d8d2f2551f 100644
--- a/ext/search_kit/ang/crmSearchAdmin/displays/common/searchAdminCssRules.html
+++ b/ext/search_kit/ang/crmSearchAdmin/displays/common/searchAdminCssRules.html
@@ -23,8 +23,8 @@
   <label>{{:: ts('If') }}</label>
   <input class="form-control collapsible-optgroups" ng-model="clause[1]" crm-ui-select="::{data: $ctrl.fields, allowClear: true, placeholder: ts('Always')}" ng-change="$ctrl.onSelectField(clause)" />
   <crm-search-condition ng-if="clause[1]" clause="clause" field="$ctrl.getField(clause[1])" offset="2" option-key="'name'" format="$ctrl.format" class="form-group"></crm-search-condition>
-  <button type="button" class="btn-xs btn-danger-outline" ng-click="$ctrl.item.cssRules.splice($index);" title="{{:: ts('Remove style') }}">
-    <i class="crm-i fa-ban"></i>
+  <button type="button" class="btn btn-xs btn-danger-outline" ng-click="$ctrl.item.cssRules.splice($index, 1);" title="{{:: ts('Remove style') }}">
+    <i class="crm-i fa-times"></i>
   </button>
 </div>
 <div class="form-inline" ng-if="$ctrl.showMore()" title="{{:: ts('Set background color or text style based on a field value') }}">
-- 
2.25.1