From 6f431dad269dc6be6696e4c64f33e0920b61f425 Mon Sep 17 00:00:00 2001
From: jasquat <jasquat@users.noreply.github.com>
Date: Mon, 20 Mar 2023 12:13:28 -0400
Subject: [PATCH] reformatted click filter button message and activate filter
 button when clearing fields w/ burnettk

---
 .../src/components/ProcessInstanceListTable.tsx            | 7 ++++---
 spiffworkflow-frontend/src/index.css                       | 5 +++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx b/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
index a13552f37..41c32aa49 100644
--- a/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
+++ b/spiffworkflow-frontend/src/components/ProcessInstanceListTable.tsx
@@ -732,6 +732,7 @@ export default function ProcessInstanceListTable({
     setEndToTime('');
     setProcessInitiatorSelection(null);
     setProcessInitiatorText('');
+    setRequiresRefilter(true);
     if (reportMetadata) {
       reportMetadata.filter_by = [];
     }
@@ -1481,10 +1482,10 @@ export default function ProcessInstanceListTable({
     let refilterTextComponent = null;
     if (requiresRefilter) {
       refilterTextComponent = (
-        <h2>
-          Please press the filter button when you have completed updating the
+        <p className="please-press-filter-button">
+          * Please press the filter button when you have completed updating the
           filters.
-        </h2>
+        </p>
       );
     }
     const resultsTable = (
diff --git a/spiffworkflow-frontend/src/index.css b/spiffworkflow-frontend/src/index.css
index 6ab93f6cc..077040363 100644
--- a/spiffworkflow-frontend/src/index.css
+++ b/spiffworkflow-frontend/src/index.css
@@ -408,3 +408,8 @@ svg.notification-icon {
   text-align: right;
   margin-right: 10px;
 }
+
+.please-press-filter-button {
+  margin-bottom: 1em;
+  font-weight: bold;
+}