From 474f4d073f13c00d52e657d852f49290fed04d70 Mon Sep 17 00:00:00 2001
From: jajjibhai008 <ejazofficial122@gmail.com>
Date: Tue, 26 Mar 2024 17:46:13 +0500
Subject: [PATCH] fix: info tooltip issue on overview page

---
 src/components/Admin/AdminSearchForm.jsx      |  4 +-
 .../Admin/__snapshots__/Admin.test.jsx.snap   | 72 ++++++++++++-------
 2 files changed, 50 insertions(+), 26 deletions(-)

diff --git a/src/components/Admin/AdminSearchForm.jsx b/src/components/Admin/AdminSearchForm.jsx
index ebe03fc876..36f6a94c09 100644
--- a/src/components/Admin/AdminSearchForm.jsx
+++ b/src/components/Admin/AdminSearchForm.jsx
@@ -79,8 +79,8 @@ class AdminSearchForm extends React.Component {
             </div>
             <div className="col-12 col-md-3 px-0 pr-0 px-md-2 px-lg-3">
               <Form.Group>
-                <Form.Label className="search-label mb-2">
-                  Filter by start date
+                <Form.Label className="search-label mb-2 d-flex align-items-center">
+                  <span>Filter by start date</span>
                   <IconWithTooltip
                     icon={Info}
                     altText="More information"
diff --git a/src/components/Admin/__snapshots__/Admin.test.jsx.snap b/src/components/Admin/__snapshots__/Admin.test.jsx.snap
index 3ea85ed607..86f9a59e99 100644
--- a/src/components/Admin/__snapshots__/Admin.test.jsx.snap
+++ b/src/components/Admin/__snapshots__/Admin.test.jsx.snap
@@ -900,10 +900,12 @@ exports[`<Admin /> renders correctly with dashboard analytics data renders # cou
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field12"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"
@@ -1767,10 +1769,12 @@ exports[`<Admin /> renders correctly with dashboard analytics data renders # of
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field37"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"
@@ -2634,10 +2638,12 @@ exports[`<Admin /> renders correctly with dashboard analytics data renders # of
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field42"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"
@@ -3501,10 +3507,12 @@ exports[`<Admin /> renders correctly with dashboard analytics data renders colla
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field47"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"
@@ -4368,10 +4376,12 @@ exports[`<Admin /> renders correctly with dashboard analytics data renders full
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field2"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"
@@ -5235,10 +5245,12 @@ exports[`<Admin /> renders correctly with dashboard analytics data renders inact
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field32"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"
@@ -6102,10 +6114,12 @@ exports[`<Admin /> renders correctly with dashboard analytics data renders inact
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field27"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"
@@ -6969,10 +6983,12 @@ exports[`<Admin /> renders correctly with dashboard analytics data renders learn
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field17"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"
@@ -7836,10 +7852,12 @@ exports[`<Admin /> renders correctly with dashboard analytics data renders regis
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field7"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"
@@ -8703,10 +8721,12 @@ exports[`<Admin /> renders correctly with dashboard analytics data renders top a
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field22"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"
@@ -9619,10 +9639,12 @@ exports[`<Admin /> renders correctly with dashboard insights data renders dashbo
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field57"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"
@@ -10855,10 +10877,12 @@ exports[`<Admin /> renders correctly with no dashboard insights data 1`] = `
                   className="pgn__form-group"
                 >
                   <label
-                    className="pgn__form-label search-label mb-2"
+                    className="pgn__form-label search-label mb-2 d-flex align-items-center"
                     htmlFor="form-field52"
                   >
-                    Filter by start date
+                    <span>
+                      Filter by start date
+                    </span>
                     <span
                       alt="More information"
                       className="pgn__icon ml-1"