From 80e7cea1d07804627e397013314813cac68956b5 Mon Sep 17 00:00:00 2001
From: colemanw <coleman@civicrm.org>
Date: Sat, 16 Dec 2023 22:36:10 -0500
Subject: [PATCH] SearchKit - Rearrange 'compose search' into multiple tabs

---
 .../ang/crmSearchAdmin/compose.html           | 87 -------------------
 .../crmSearchAdmin/crmSearch-conditions.html  |  8 ++
 .../ang/crmSearchAdmin/crmSearch-fields.html  |  8 ++
 .../ang/crmSearchAdmin/crmSearch-for.html     | 45 ++++++++++
 .../{group.html => crmSearch-group.html}      |  0
 .../crmSearchAdmin/crmSearch-settings.html    | 11 +++
 .../crmSearchAdmin.component.js               | 25 +++++-
 .../ang/crmSearchAdmin/crmSearchAdmin.html    | 50 +++++++----
 ext/search_kit/ang/crmSearchAdmin/tabs.html   | 25 +-----
 ext/search_kit/css/crmSearchAdmin.css         |  4 -
 10 files changed, 135 insertions(+), 128 deletions(-)
 delete mode 100644 ext/search_kit/ang/crmSearchAdmin/compose.html
 create mode 100644 ext/search_kit/ang/crmSearchAdmin/crmSearch-conditions.html
 create mode 100644 ext/search_kit/ang/crmSearchAdmin/crmSearch-fields.html
 create mode 100644 ext/search_kit/ang/crmSearchAdmin/crmSearch-for.html
 rename ext/search_kit/ang/crmSearchAdmin/{group.html => crmSearch-group.html} (100%)
 create mode 100644 ext/search_kit/ang/crmSearchAdmin/crmSearch-settings.html

diff --git a/ext/search_kit/ang/crmSearchAdmin/compose.html b/ext/search_kit/ang/crmSearchAdmin/compose.html
deleted file mode 100644
index 45f0e208e4..0000000000
--- a/ext/search_kit/ang/crmSearchAdmin/compose.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<div class="crm-flex-box">
-  <div class="crm-search-criteria-column">
-    <div ng-if=":: $ctrl.paramExists('join')" class="crm-search-joins">
-      <fieldset ng-repeat="join in $ctrl.savedSearch.api_params.join" class="crm-search-join">
-        <div class="form-inline">
-          <select class="form-control" ng-model="join[1]" ng-change="$ctrl.changeJoinType(join)" ng-options="o.k as o.v for o in ::joinTypes" ></select>
-          <input id="crm-search-join-{{ $index }}" class="form-control huge" ng-model="join[0]" crm-ui-select="{placeholder: ' ', data: getJoinEntities}" disabled >
-          <button type="button" class="btn btn-xs btn-danger-outline" ng-click="$ctrl.removeJoin($index)" title="{{:: ts('Remove join') }}">
-            <i class="crm-i fa-trash" aria-hidden="true"></i>
-          </button>
-        </div>
-        <div class="api4-clause-fieldset">
-          <crm-search-clause clauses="join" format="json" skip="2 + getJoin(join[0]).conditions.length" op="AND" label="{{:: ts('If') }}" hide-label="true" placeholder="ts('Add Condition')" fields="fieldsForJoin(join[0])" ></crm-search-clause>
-        </div>
-      </fieldset>
-      <fieldset class="crm-search-join-add">
-        <div class="form-inline">
-          <select class="form-control" ng-model="controls.joinType" ng-options="o.k as o.v for o in ::joinTypes" ></select>
-          <input id="crm-search-add-join"
-                 class="form-control crm-action-menu fa-plus"
-                 crm-ui-select="{placeholder: ts('Entity'), data: getJoinEntities, dropdownCss: {width: '275px'}}"
-                 on-crm-ui-select="$ctrl.addJoin(selection)">
-        </div>
-      </fieldset>
-    </div>
-    <fieldset ng-if=":: $ctrl.paramExists('groupBy')" class="crm-search-groupbys">
-      <div class="form-inline" ng-repeat="groupBy in $ctrl.savedSearch.api_params.groupBy" class="crm-search-groupby">
-        <label for="crm-search-groupBy-{{ $index }}">{{:: ts('Group By') }}</label>
-        <crm-search-function class="form-group" expr="$ctrl.savedSearch.api_params.groupBy[$index]" mode="groupBy"></crm-search-function>
-        <span ng-if="!$ctrl.hasFunction($ctrl.savedSearch.api_params.groupBy[$index])">
-          <input id="crm-search-groupBy-{{ $index }}" class="form-control huge" ng-model="$ctrl.savedSearch.api_params.groupBy[$index]" crm-ui-select="{placeholder: ' ', data: fieldsForGroupBy}" ng-change="changeGroupBy($index)" />
-        </span>
-        <hr>
-      </div>
-      <div class="form-inline crm-search-groupby-add">
-        <input id="crm-search-add-groupBy"
-               class="form-control crm-action-menu fa-plus"
-               crm-ui-select="{placeholder: ts('Group By'), data: fieldsForGroupBy, dropdownCss: {width: '300px'}}"
-               on-crm-ui-select="$ctrl.addParam('groupBy', selection)" >
-      </div>
-    </fieldset>
-  </div>
-  <div class="crm-search-criteria-column">
-    <fieldset class="api4-clause-fieldset crm-search-wheres">
-      <crm-search-clause clauses="$ctrl.savedSearch.api_params.where" format="string" op="AND" label="{{:: ts('Where') }}" fields="fieldsForWhere" allow-functions="true" ></crm-search-clause>
-    </fieldset>
-    <fieldset ng-if="$ctrl.paramExists('having') && $ctrl.savedSearch.api_params.groupBy.length" class="api4-clause-fieldset crm-search-havings">
-      <crm-search-clause clauses="$ctrl.savedSearch.api_params.having" format="string" op="AND" label="{{:: ts('Having') }}" help="having" fields="fieldsForHaving" ></crm-search-clause>
-    </fieldset>
-  </div>
-</div>
-<div class="form-group crm-search-admin-right crm-search-admin-links">
-  <div class="btn-group" ng-if="$ctrl.savedSearch.id">
-    <a ng-href="{{ $ctrl.searchDisplayPath + '#/display/' + $ctrl.savedSearch.name }}" target="_blank" class="btn btn-primary-outline" title="{{:: ts('View search results table') }}">
-      <i class="crm-i fa-external-link"></i>
-      {{:: ts('View Results') }}
-    </a>
-    <button type="button" ng-click="$ctrl.openDisplayMenu = true;" class="btn btn-primary-outline dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-      <span class="caret"></span>
-    </button>
-    <ul class="dropdown-menu dropdown-menu-right" ng-if=":: $ctrl.openDisplayMenu">
-      <li title="{{:: ts('View search results table') }}">
-        <a ng-href="{{ $ctrl.searchDisplayPath + '#/display/' + $ctrl.savedSearch.name }}" target="_blank">
-          <i class="crm-i fa-table"></i>
-          {{:: ts('Search results table') }}
-        </a>
-      </li>
-      <li ng-repeat="display in $ctrl.savedSearch.displays" ng-if="display.id" ng-class="{disabled: display.acl_bypass}" title="{{:: display.acl_bypass ? ts('Display has permissions disabled') : ts('View display') }}">
-        <a ng-href="{{ display.acl_bypass ? '' : $ctrl.searchDisplayPath + '#/display/' + $ctrl.savedSearch.name + '/' + display.name }}" target="_blank">
-          <i class="crm-i {{ display.acl_bypass ? 'fa-unlock' : $ctrl.displayTypes[display.type].icon }}"></i>
-          {{ display.label }}
-        </a>
-      </li>
-    </ul>
-  </div>
-</div>
-<details id="crm-search-build-functions" class="crm-search-select-fields">
-  <summary ng-click="controls.showFunctions = !controls.showFunctions">
-    {{:: ts('Field Transformations') }}
-  </summary>
-  <div ng-if="!!controls.showFunctions">
-    <!-- Must use track by $index with an array of primitives, and manually refresh this loop when indexes change -->
-    <fieldset ng-repeat="col in $ctrl.savedSearch.api_params.select track by $index" ng-if="!$ctrl.isPseudoField(col)">
-      <crm-search-function class="form-inline" mode="select" expr="$ctrl.savedSearch.api_params.select[$index]"></crm-search-function>
-    </fieldset>
-  </div>
-</details>
diff --git a/ext/search_kit/ang/crmSearchAdmin/crmSearch-conditions.html b/ext/search_kit/ang/crmSearchAdmin/crmSearch-conditions.html
new file mode 100644
index 0000000000..ef69b61a8c
--- /dev/null
+++ b/ext/search_kit/ang/crmSearchAdmin/crmSearch-conditions.html
@@ -0,0 +1,8 @@
+<fieldset class="api4-clause-fieldset crm-search-wheres">
+  <crm-search-clause clauses="$ctrl.savedSearch.api_params.where" format="string" op="AND" label="{{:: ts('Where') }}" fields="fieldsForWhere" allow-functions="true" ></crm-search-clause>
+</fieldset>
+<fieldset ng-if="$ctrl.paramExists('having')" class="api4-clause-fieldset crm-search-havings">
+  <crm-search-clause clauses="$ctrl.savedSearch.api_params.having" format="string" op="AND" label="{{:: ts('Having') }}" help="having" fields="fieldsForHaving" ></crm-search-clause>
+</fieldset>
+
+
diff --git a/ext/search_kit/ang/crmSearchAdmin/crmSearch-fields.html b/ext/search_kit/ang/crmSearchAdmin/crmSearch-fields.html
new file mode 100644
index 0000000000..c02e30b140
--- /dev/null
+++ b/ext/search_kit/ang/crmSearchAdmin/crmSearch-fields.html
@@ -0,0 +1,8 @@
+<fieldset id="crm-search-build-functions" class="crm-search-select-fields">
+  <div>
+    <!-- Must use track by $index with an array of primitives, and manually refresh this loop when indexes change -->
+    <fieldset ng-repeat="col in $ctrl.savedSearch.api_params.select track by $index" ng-if="!$ctrl.isPseudoField(col)">
+      <crm-search-function class="form-inline" mode="select" expr="$ctrl.savedSearch.api_params.select[$index]"></crm-search-function>
+    </fieldset>
+  </div>
+</fieldset>
diff --git a/ext/search_kit/ang/crmSearchAdmin/crmSearch-for.html b/ext/search_kit/ang/crmSearchAdmin/crmSearch-for.html
new file mode 100644
index 0000000000..e09ee67efd
--- /dev/null
+++ b/ext/search_kit/ang/crmSearchAdmin/crmSearch-for.html
@@ -0,0 +1,45 @@
+<fieldset>
+  <div class="form-inline">
+    <label for="crm-search-main-entity">{{:: ts('Search for') }}</label>
+    <input id="crm-search-main-entity" class="form-control huge collapsible-optgroups" ng-model="$ctrl.savedSearch.api_entity" crm-ui-select="::{allowClear: false, data: mainEntitySelect}" ng-disabled="$ctrl.savedSearch.id">
+  </div>
+</fieldset>
+<div ng-if=":: $ctrl.paramExists('join')" class="crm-search-joins">
+  <fieldset ng-repeat="join in $ctrl.savedSearch.api_params.join" class="crm-search-join">
+    <div class="form-inline">
+      <select class="form-control" ng-model="join[1]" ng-change="$ctrl.changeJoinType(join)" ng-options="o.k as o.v for o in ::joinTypes" ></select>
+      <input id="crm-search-join-{{ $index }}" class="form-control huge" ng-model="join[0]" crm-ui-select="{placeholder: ' ', data: getJoinEntities}" disabled >
+      <button type="button" class="btn btn-xs btn-danger-outline" ng-click="$ctrl.removeJoin($index)" title="{{:: ts('Remove join') }}">
+        <i class="crm-i fa-trash" aria-hidden="true"></i>
+      </button>
+    </div>
+    <div class="api4-clause-fieldset">
+      <crm-search-clause clauses="join" format="json" skip="2 + getJoin(join[0]).conditions.length" op="AND" label="{{:: ts('If') }}" hide-label="true" placeholder="ts('Add Condition')" fields="fieldsForJoin(join[0])" ></crm-search-clause>
+    </div>
+  </fieldset>
+  <fieldset class="crm-search-join-add">
+    <div class="form-inline">
+      <select class="form-control" ng-model="controls.joinType" ng-options="o.k as o.v for o in ::joinTypes" ></select>
+      <input id="crm-search-add-join"
+             class="form-control crm-action-menu fa-plus"
+             crm-ui-select="{placeholder: ts('Entity'), data: getJoinEntities, dropdownCss: {width: '275px'}}"
+             on-crm-ui-select="$ctrl.addJoin(selection)">
+    </div>
+  </fieldset>
+</div>
+<fieldset ng-if=":: $ctrl.paramExists('groupBy')" class="crm-search-groupbys">
+  <div class="form-inline" ng-repeat="groupBy in $ctrl.savedSearch.api_params.groupBy" class="crm-search-groupby">
+    <label for="crm-search-groupBy-{{ $index }}">{{:: ts('Group By') }}</label>
+    <crm-search-function class="form-group" expr="$ctrl.savedSearch.api_params.groupBy[$index]" mode="groupBy"></crm-search-function>
+    <span ng-if="!$ctrl.hasFunction($ctrl.savedSearch.api_params.groupBy[$index])">
+          <input id="crm-search-groupBy-{{ $index }}" class="form-control huge" ng-model="$ctrl.savedSearch.api_params.groupBy[$index]" crm-ui-select="{placeholder: ' ', data: fieldsForGroupBy}" ng-change="changeGroupBy($index)" />
+        </span>
+    <hr>
+  </div>
+  <div class="form-inline crm-search-groupby-add">
+    <input id="crm-search-add-groupBy"
+           class="form-control crm-action-menu fa-plus"
+           crm-ui-select="{placeholder: ts('Group By'), data: fieldsForGroupBy, dropdownCss: {width: '300px'}}"
+           on-crm-ui-select="$ctrl.addParam('groupBy', selection)" >
+  </div>
+</fieldset>
diff --git a/ext/search_kit/ang/crmSearchAdmin/group.html b/ext/search_kit/ang/crmSearchAdmin/crmSearch-group.html
similarity index 100%
rename from ext/search_kit/ang/crmSearchAdmin/group.html
rename to ext/search_kit/ang/crmSearchAdmin/crmSearch-group.html
diff --git a/ext/search_kit/ang/crmSearchAdmin/crmSearch-settings.html b/ext/search_kit/ang/crmSearchAdmin/crmSearch-settings.html
new file mode 100644
index 0000000000..46a0bceaf2
--- /dev/null
+++ b/ext/search_kit/ang/crmSearchAdmin/crmSearch-settings.html
@@ -0,0 +1,11 @@
+<fieldset>
+  <textarea class="form-control" placeholder="{{:: ts('Description (shown above default display)') }}" ng-model="$ctrl.savedSearch.description"></textarea>
+</fieldset>
+<div class="form-group">
+  <label class="sr-only" for="expires_date">{{:: ts('Search Expiry Date') }}</label>
+  <div class="input-group">
+    <div class="input-group-addon"><i class="crm-i fa-calendar-times-o"></i></div>
+    <input id="expires_date" class="form-control" crm-ui-datepicker="{time: true}" ng-model="$ctrl.savedSearch.expires_date" placeholder="Expires">
+  </div>
+</div>
+<crm-search-admin-tags tag-ids="$ctrl.savedSearch.tag_id" class="btn-group btn-group-sm"></crm-search-admin-tags>
diff --git a/ext/search_kit/ang/crmSearchAdmin/crmSearchAdmin.component.js b/ext/search_kit/ang/crmSearchAdmin/crmSearchAdmin.component.js
index 9f0062392c..57691eaa8c 100644
--- a/ext/search_kit/ang/crmSearchAdmin/crmSearchAdmin.component.js
+++ b/ext/search_kit/ang/crmSearchAdmin/crmSearchAdmin.component.js
@@ -29,7 +29,30 @@
     this.searchDisplayPath = CRM.url('civicrm/search');
     this.afformPath = CRM.url('civicrm/admin/afform');
 
-    $scope.controls = {tab: 'compose', joinType: 'LEFT'};
+    this.tabs = [
+      {
+        key: 'for',
+        title: ts('Search For'),
+        icon: 'fa-search',
+      },
+      {
+        key: 'conditions',
+        title: ts('Conditions'),
+        icon: 'fa-filter',
+      },
+      {
+        key: 'fields',
+        title: ts('Select Fields'),
+        icon: 'fa-columns',
+      },
+      {
+        key: 'settings',
+        title: ts('Configure Settings'),
+        icon: 'fa-gears',
+      },
+    ];
+
+    $scope.controls = {tab: this.tabs[0].key, joinType: 'LEFT'};
     $scope.joinTypes = [
       {k: 'LEFT', v: ts('With (optional)')},
       {k: 'INNER', v: ts('With (required)')},
diff --git a/ext/search_kit/ang/crmSearchAdmin/crmSearchAdmin.html b/ext/search_kit/ang/crmSearchAdmin/crmSearchAdmin.html
index 235c6773d0..f3cfeb1f0a 100644
--- a/ext/search_kit/ang/crmSearchAdmin/crmSearchAdmin.html
+++ b/ext/search_kit/ang/crmSearchAdmin/crmSearchAdmin.html
@@ -13,12 +13,18 @@
 
   <form>
     <div class="crm-flex-box">
-      <div class="nav-stacked">
+      <div class="crm-flex-1">
         <input id="crm-saved-search-label" class="form-control" ng-model="$ctrl.savedSearch.label" type="text" required placeholder="{{:: ts('Untitled Search') }}" ng-model-options="$ctrl.debounceMode">
       </div>
-      <div class="crm-flex-4 form-inline">
-        <label for="crm-search-main-entity">{{:: ts('Search for') }}</label>
-        <input id="crm-search-main-entity" class="form-control huge collapsible-optgroups" ng-model="$ctrl.savedSearch.api_entity" crm-ui-select="::{allowClear: false, data: mainEntitySelect}" ng-disabled="$ctrl.savedSearch.id">
+      <div class="crm-flex-1 form-inline">
+        <div class="btn-group">
+          <button type="button" class="btn" ng-class="{'btn-primary': status === 'unsaved', 'btn-warning': status === 'saving', 'btn-success': status === 'saved'}" ng-disabled="status !== 'unsaved'" ng-click="$ctrl.save()">
+            <i class="crm-i" ng-class="{'fa-check': status !== 'saving', 'fa-spin fa-spinner': status === 'saving'}"></i>
+            <span ng-if="status === 'saved'">{{:: ts('Saved') }}</span>
+            <span ng-if="status === 'unsaved'">{{:: ts('Save') }}</span>
+            <span ng-if="status === 'saving'">{{:: ts('Saving...') }}</span>
+          </button>
+        </div>
 
         <div class="form-group pull-right">
 
@@ -55,29 +61,42 @@
             </ul>
           </div>
 
-          <div class="btn-group">
-            <button type="button" class="btn" ng-class="{'btn-primary': status === 'unsaved', 'btn-warning': status === 'saving', 'btn-success': status === 'saved'}" ng-disabled="status !== 'unsaved'" ng-click="$ctrl.save()">
-              <i class="crm-i" ng-class="{'fa-check': status !== 'saving', 'fa-spin fa-spinner': status === 'saving'}"></i>
-              <span ng-if="status === 'saved'">{{:: ts('Saved') }}</span>
-              <span ng-if="status === 'unsaved'">{{:: ts('Save') }}</span>
-              <span ng-if="status === 'saving'">{{:: ts('Saving...') }}</span>
+          <div class="btn-group crm-search-admin-links" ng-if="$ctrl.savedSearch.id">
+            <a ng-href="{{ $ctrl.searchDisplayPath + '#/display/' + $ctrl.savedSearch.name }}" target="_blank" class="btn btn-primary-outline" title="{{:: ts('View search results table') }}">
+              <i class="crm-i fa-external-link"></i>
+              {{:: ts('View Results') }}
+            </a>
+            <button type="button" ng-click="$ctrl.openDisplayMenu = true;" class="btn btn-primary-outline dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              <span class="caret"></span>
             </button>
+            <ul class="dropdown-menu dropdown-menu-right" ng-if=":: $ctrl.openDisplayMenu">
+              <li title="{{:: ts('View search results table') }}">
+                <a ng-href="{{ $ctrl.searchDisplayPath + '#/display/' + $ctrl.savedSearch.name }}" target="_blank">
+                  <i class="crm-i fa-table"></i>
+                  {{:: ts('Search results table') }}
+                </a>
+              </li>
+              <li ng-repeat="display in $ctrl.savedSearch.displays" ng-if="display.id" ng-class="{disabled: display.acl_bypass}" title="{{:: display.acl_bypass ? ts('Display has permissions disabled') : ts('View display') }}">
+                <a ng-href="{{ display.acl_bypass ? '' : $ctrl.searchDisplayPath + '#/display/' + $ctrl.savedSearch.name + '/' + display.name }}" target="_blank">
+                  <i class="crm-i {{ display.acl_bypass ? 'fa-unlock' : $ctrl.displayTypes[display.type].icon }}"></i>
+                  {{ display.label }}
+                </a>
+              </li>
+            </ul>
           </div>
 
         </div>
 
       </div>
     </div>
+
     <div class="crm-flex-box">
       <ul class="nav nav-pills nav-stacked" ng-include="'~/crmSearchAdmin/tabs.html'"></ul>
       <div class="crm-flex-4" ng-switch="controls.tab">
-        <div ng-switch-when="compose">
-          <div ng-include="'~/crmSearchAdmin/compose.html'" class="crm-search-admin-relative"></div>
+        <div ng-switch-when="for|fields|conditions|settings|group" ng-switch-when-separator="|">
+          <div ng-include="'~/crmSearchAdmin/crmSearch-' + controls.tab + '.html'" class="crm-search-admin-relative"></div>
           <crm-search-admin-results-table search="$ctrl.savedSearch"></crm-search-admin-results-table>
         </div>
-        <div ng-switch-when="group">
-          <fieldset ng-include="'~/crmSearchAdmin/group.html'"></fieldset>
-        </div>
         <div ng-switch-default>
           <div ng-repeat="display in $ctrl.savedSearch.displays" ng-if="controls.tab === ('display_' + $index)">
             <crm-search-admin-display class="crm-search-admin-relative" display="display" saved-search="$ctrl.savedSearch"></crm-search-admin-display>
@@ -85,5 +104,6 @@
         </div>
       </div>
     </div>
+
   </form>
 </div>
diff --git a/ext/search_kit/ang/crmSearchAdmin/tabs.html b/ext/search_kit/ang/crmSearchAdmin/tabs.html
index 7592b5001e..5117801282 100644
--- a/ext/search_kit/ang/crmSearchAdmin/tabs.html
+++ b/ext/search_kit/ang/crmSearchAdmin/tabs.html
@@ -1,24 +1,7 @@
-<li>
-  <textarea class="form-control" placeholder="{{:: ts('Description (shown above default display)') }}" ng-model="$ctrl.savedSearch.description"></textarea>
-</li>
-<li>
-  <div class="form-inline" title="{{:: ts('Search Expiry Date') }}">
-    <div class="form-group">
-      <label class="sr-only" for="expires_date">{{:: ts('Search Expiry Date') }}</label>
-      <div class="input-group">
-        <div class="input-group-addon"><i class="crm-i fa-calendar-times-o"></i></div>
-        <input id="expires_date" class="form-control" crm-ui-datepicker="{time: true}" ng-model="$ctrl.savedSearch.expires_date" placeholder="Expires">
-      </div>
-    </div>
-  </div>
-</li>
-<li>
-  <crm-search-admin-tags tag-ids="$ctrl.savedSearch.tag_id" class="btn-group btn-group-sm"></crm-search-admin-tags>
-</li>
-<li role="presentation" ng-class="{active: controls.tab === 'compose'}">
-  <a href ng-click="selectTab('compose')">
-    <i class="crm-i fa-gears"></i>
-    {{:: ts('Compose Search') }}
+<li role="presentation" ng-class="{active: controls.tab === tab.key}" ng-repeat="tab in $ctrl.tabs">
+  <a href ng-click="selectTab(tab.key)">
+    <i class="crm-i {{:: tab.icon }}"></i>
+    {{:: tab.title }}
   </a>
 </li>
 <li role="presentation" ng-class="{active: controls.tab === 'group'}" ng-if="$ctrl.savedSearch.groups.length" title="{{ !$ctrl.groupExists ? ts('Group will be deleted.') : '' }}">
diff --git a/ext/search_kit/css/crmSearchAdmin.css b/ext/search_kit/css/crmSearchAdmin.css
index 02a8e323f6..41bcc4b2a2 100644
--- a/ext/search_kit/css/crmSearchAdmin.css
+++ b/ext/search_kit/css/crmSearchAdmin.css
@@ -1,7 +1,3 @@
-#bootstrap-theme .crm-search-criteria-column {
-  min-width: 500px;
-}
-
 #bootstrap-theme .crm-search-nav-tabs {
   position: relative;
 }
-- 
2.25.1