From 1eb4c98c45e0b475c30e46c943a661118369a421 Mon Sep 17 00:00:00 2001
From: fathima <fathima@keyvalue.systems>
Date: Mon, 28 Jul 2025 13:45:51 +0530
Subject: [PATCH 1/2] fix: Filter dropdown responsiveness

---
 example/src/styles/FilterDropdown.css | 8 +++++++-
 src/components/TableHeader.tsx        | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/example/src/styles/FilterDropdown.css b/example/src/styles/FilterDropdown.css
index 4868bcc..89772dd 100644
--- a/example/src/styles/FilterDropdown.css
+++ b/example/src/styles/FilterDropdown.css
@@ -1,7 +1,6 @@
 .filter-dropdown {
   position: absolute;
   top: calc(100% + 8px);
-  right: 0;
   min-width: 400px;
   max-width: 500px;
   max-height: 500px;
@@ -14,6 +13,13 @@
   font-family: 'DM Sans', sans-serif;
 }
 
+/* Add right: 0 only for screens greater than 700px */
+@media (min-width: 701px) {
+  .filter-dropdown {
+    right: 0;
+  }
+}
+
 .filter-dropdown-header {
   display: flex;
   justify-content: space-between;
diff --git a/src/components/TableHeader.tsx b/src/components/TableHeader.tsx
index 21e3f1a..290ab99 100644
--- a/src/components/TableHeader.tsx
+++ b/src/components/TableHeader.tsx
@@ -104,13 +104,13 @@ export const TableHeader: React.FC<TableHeaderProps> = ({
                           style={{ marginRight: 8, cursor: "pointer" }}
                         />
                       )}
-                      <span style={{width: "16px"}}/>
                       <span
                         style={{
                           display: "inline-flex",
                           alignItems: "center",
                           cursor: isColumnSortable ? "pointer" : "default",
                           userSelect: "none",
+                          marginLeft: index === 0 ? "16px" : "0px",
                         }}
                         onClick={
                           isColumnSortable

From 3c8eb05bb29397e1fc8a6d91960eaff310912b70 Mon Sep 17 00:00:00 2001
From: fathima <fathima@keyvalue.systems>
Date: Mon, 28 Jul 2025 13:52:56 +0530
Subject: [PATCH 2/2] fix: Export dropdown responsiveness

---
 example/src/styles/ExportDropdown.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/example/src/styles/ExportDropdown.css b/example/src/styles/ExportDropdown.css
index 719f49e..c5a85b2 100644
--- a/example/src/styles/ExportDropdown.css
+++ b/example/src/styles/ExportDropdown.css
@@ -12,6 +12,13 @@
   font-family: 'DM Sans', sans-serif;
 }
 
+/* Add left: 0px for screens less than or equal to 700px */
+@media (max-width: 700px) {
+  .export-dropdown {
+    left: 0px;
+  }
+}
+
 .export-dropdown-content {
   padding: 8px 0;
 }