From f91a518a72a7fed86ceb80e1d04fea668e6c8326 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Wed, 23 Jul 2025 14:59:42 +0530
Subject: [PATCH 1/3] Change all filter icon to bx bx-slider-alt ms-2. In image
 Gallery, Directory and Project List.

---
 src/pages/Directory/DirectoryPageHeader.jsx | 4 ++--
 src/pages/Gallary/ImageGallary.jsx          | 2 +-
 src/pages/project/ProjectList.jsx           | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Directory/DirectoryPageHeader.jsx b/src/pages/Directory/DirectoryPageHeader.jsx
index 53aaa2f6..016c41df 100644
--- a/src/pages/Directory/DirectoryPageHeader.jsx
+++ b/src/pages/Directory/DirectoryPageHeader.jsx
@@ -299,7 +299,7 @@ const DirectoryPageHeader = ({
                                 data-bs-toggle="dropdown"
                                 aria-expanded="false"
                             >
-                                <i className={`fa-solid fa-filter ms-1 fs-5 ${notesFilterCount > 0 ? "text-primary" : "text-muted"}`}></i>
+                                <i className={`bx bx-slider-alt ms-1 ${notesFilterCount > 0 ? "text-primary" : "text-muted"}`}></i>
                                 {notesFilterCount > 0 && (
                                     <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}>
                                         {notesFilterCount}
@@ -429,7 +429,7 @@ const DirectoryPageHeader = ({
                                 data-bs-toggle="dropdown"
                                 aria-expanded="false"
                             >
-                                <i className={`fa-solid fa-filter ms-1 fs-5 ${filtered > 0 ? "text-primary" : "text-muted"}`}></i>
+                                <i className={`bx bx-slider-alt ms-1 ${filtered > 0 ? "text-primary" : "text-muted"}`}></i>
                                 {filtered > 0 && (
                                     <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}>
                                         {filtered}
diff --git a/src/pages/Gallary/ImageGallary.jsx b/src/pages/Gallary/ImageGallary.jsx
index 6d4bd961..dcb7604e 100644
--- a/src/pages/Gallary/ImageGallary.jsx
+++ b/src/pages/Gallary/ImageGallary.jsx
@@ -362,7 +362,7 @@ const ImageGallery = () => {
           onClick={() => setIsFilterPanelOpen(!isFilterPanelOpen)}
           ref={filterButtonRef}
         >
-          {isFilterPanelOpen ? <i className="fa-solid fa-times fs-5"></i> : <i className="fa-solid fa-filter ms-1 fs-5"></i>}
+          {isFilterPanelOpen ? <i className="fa-solid fa-times fs-5"></i> : <i className="bx bx-slider-alt ms-1"></i>}
         </button>
 
         <div className="activity-section">
diff --git a/src/pages/project/ProjectList.jsx b/src/pages/project/ProjectList.jsx
index abf76a49..464d6a71 100644
--- a/src/pages/project/ProjectList.jsx
+++ b/src/pages/project/ProjectList.jsx
@@ -200,7 +200,7 @@ const ProjectList = () => {
                     data-bs-custom-class="tooltip"
                     title="Filter"
                   >
-                    <i className="fa-solid fa-filter fs-4"></i>
+                    <i className="bx bx-slider-alt ms-1"></i>
                   </a>
                   <ul className="dropdown-menu p-2 text-capitalize">
                     {[

From 74936afdf20174a9018ddeeb36caea2209c586bc Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Wed, 23 Jul 2025 14:59:42 +0530
Subject: [PATCH 2/3] Change all filter icon to bx bx-slider-alt ms-2. In image
 Gallery, Directory and Project List.

---
 src/pages/Directory/DirectoryPageHeader.jsx | 4 ++--
 src/pages/Gallary/ImageGallary.jsx          | 2 +-
 src/pages/project/ProjectList.jsx           | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Directory/DirectoryPageHeader.jsx b/src/pages/Directory/DirectoryPageHeader.jsx
index 53aaa2f6..016c41df 100644
--- a/src/pages/Directory/DirectoryPageHeader.jsx
+++ b/src/pages/Directory/DirectoryPageHeader.jsx
@@ -299,7 +299,7 @@ const DirectoryPageHeader = ({
                                 data-bs-toggle="dropdown"
                                 aria-expanded="false"
                             >
-                                <i className={`fa-solid fa-filter ms-1 fs-5 ${notesFilterCount > 0 ? "text-primary" : "text-muted"}`}></i>
+                                <i className={`bx bx-slider-alt ms-1 ${notesFilterCount > 0 ? "text-primary" : "text-muted"}`}></i>
                                 {notesFilterCount > 0 && (
                                     <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}>
                                         {notesFilterCount}
@@ -429,7 +429,7 @@ const DirectoryPageHeader = ({
                                 data-bs-toggle="dropdown"
                                 aria-expanded="false"
                             >
-                                <i className={`fa-solid fa-filter ms-1 fs-5 ${filtered > 0 ? "text-primary" : "text-muted"}`}></i>
+                                <i className={`bx bx-slider-alt ms-1 ${filtered > 0 ? "text-primary" : "text-muted"}`}></i>
                                 {filtered > 0 && (
                                     <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}>
                                         {filtered}
diff --git a/src/pages/Gallary/ImageGallary.jsx b/src/pages/Gallary/ImageGallary.jsx
index 6d4bd961..dcb7604e 100644
--- a/src/pages/Gallary/ImageGallary.jsx
+++ b/src/pages/Gallary/ImageGallary.jsx
@@ -362,7 +362,7 @@ const ImageGallery = () => {
           onClick={() => setIsFilterPanelOpen(!isFilterPanelOpen)}
           ref={filterButtonRef}
         >
-          {isFilterPanelOpen ? <i className="fa-solid fa-times fs-5"></i> : <i className="fa-solid fa-filter ms-1 fs-5"></i>}
+          {isFilterPanelOpen ? <i className="fa-solid fa-times fs-5"></i> : <i className="bx bx-slider-alt ms-1"></i>}
         </button>
 
         <div className="activity-section">
diff --git a/src/pages/project/ProjectList.jsx b/src/pages/project/ProjectList.jsx
index abf76a49..464d6a71 100644
--- a/src/pages/project/ProjectList.jsx
+++ b/src/pages/project/ProjectList.jsx
@@ -200,7 +200,7 @@ const ProjectList = () => {
                     data-bs-custom-class="tooltip"
                     title="Filter"
                   >
-                    <i className="fa-solid fa-filter fs-4"></i>
+                    <i className="bx bx-slider-alt ms-1"></i>
                   </a>
                   <ul className="dropdown-menu p-2 text-capitalize">
                     {[

From 6702fab007d68efef72dfdc09559f3b29d679610 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Thu, 24 Jul 2025 17:08:40 +0530
Subject: [PATCH 3/3] Changing all filter icon to bx bx-slider-alt ms-2.

---
 src/pages/Directory/DirectoryPageHeader.jsx | 12 ++++++------
 src/pages/project/ProjectList.jsx           |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/Directory/DirectoryPageHeader.jsx b/src/pages/Directory/DirectoryPageHeader.jsx
index 016c41df..7aea5af8 100644
--- a/src/pages/Directory/DirectoryPageHeader.jsx
+++ b/src/pages/Directory/DirectoryPageHeader.jsx
@@ -280,7 +280,7 @@ const DirectoryPageHeader = ({
             <hr className="my-0 mb-2" style={{ borderTop: "1px solid #dee2e6" }} />
 
             <div className="row mx-0 px-0 align-items-center mt-2">
-                <div className="col-12 col-md-6 mb-2 px-5 d-flex align-items-center gap-4">
+                <div className="col-12 col-md-6 mb-2 px-1 d-flex align-items-center gap-2">
 
                     <input
                         type="search"
@@ -299,7 +299,7 @@ const DirectoryPageHeader = ({
                                 data-bs-toggle="dropdown"
                                 aria-expanded="false"
                             >
-                                <i className={`bx bx-slider-alt ms-1 ${notesFilterCount > 0 ? "text-primary" : "text-muted"}`}></i>
+                                <i className={`bx bx-slider-alt ${notesFilterCount > 0 ? "text-primary" : "text-muted"}`}></i>
                                 {notesFilterCount > 0 && (
                                     <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}>
                                         {notesFilterCount}
@@ -405,17 +405,17 @@ const DirectoryPageHeader = ({
 
                             <button
                                 type="button"
-                                className={`btn btn-xs ${viewType === "card" ? "btn-primary" : "btn-outline-primary"}`}
+                                className={`btn  btn-sm p-1 ${viewType === "card" ? "btn-primary" : "btn-outline-primary"}`}
                                 onClick={() => setViewType("card")}
                             >
                                 <i className="bx bx-grid-alt"></i>
                             </button>
                             <button
                                 type="button"
-                                className={`btn btn-xs ${viewType === "list" ? "btn-primary" : "btn-outline-primary"}`}
+                                className={`btn  btn-sm p-1 ${viewType === "list" ? "btn-primary" : "btn-outline-primary"}`}
                                 onClick={() => setViewType("list")}
                             >
-                                <i className="bx bx-list-ul me-1"></i>
+                                <i className="bx bx-list-ul"></i>
 
                             </button>
                         </div>
@@ -429,7 +429,7 @@ const DirectoryPageHeader = ({
                                 data-bs-toggle="dropdown"
                                 aria-expanded="false"
                             >
-                                <i className={`bx bx-slider-alt ms-1 ${filtered > 0 ? "text-primary" : "text-muted"}`}></i>
+                                <i className={`bx bx-slider-alt ${filtered > 0 ? "text-primary" : "text-muted"}`}></i>
                                 {filtered > 0 && (
                                     <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}>
                                         {filtered}
diff --git a/src/pages/project/ProjectList.jsx b/src/pages/project/ProjectList.jsx
index 464d6a71..52c705ac 100644
--- a/src/pages/project/ProjectList.jsx
+++ b/src/pages/project/ProjectList.jsx
@@ -192,7 +192,7 @@ const ProjectList = () => {
                   </button>
                 </div>
 
-                <div className="dropdown ms-3 mt-1">
+                <div className="dropdown mt-1">
                   <a
                     className="dropdown-toggle hide-arrow cursor-pointer p-1 mt-3 "
                     data-bs-toggle="dropdown"