From 198b1c22443d51d3ee08cc1c3d7772eaa0ccd8f0 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Tue, 11 Aug 2026 00:51:55 +0100
Subject: [PATCH] Update SimpleDateTimePropertyFilter styles and JSX structure

- Added a transparent background color to the .simple-date-time-property-filter class for improved visual integration.
- Adjusted padding for the Text component within SimpleDateTimePropertyFilter to enhance layout consistency and spacing.
---
 assets/stylesheets/App.css                                    | 1 +
 .../Dashboard/common/SimpleDateTimePropertyFilter.jsx         | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index 5232598..c717fa4 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -1109,6 +1109,7 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
 
 .simple-date-time-property-filter {
   margin: -6px 0;
+  background-color: transparent;
 }
 
 .simple-date-time-property-filter.ant-tree .ant-tree-treenode {
diff --git a/src/components/Dashboard/common/SimpleDateTimePropertyFilter.jsx b/src/components/Dashboard/common/SimpleDateTimePropertyFilter.jsx
index 7b8e099..e1b9096 100644
--- a/src/components/Dashboard/common/SimpleDateTimePropertyFilter.jsx
+++ b/src/components/Dashboard/common/SimpleDateTimePropertyFilter.jsx
@@ -539,7 +539,9 @@ const SimpleDateTimePropertyFilter = ({
           onClick={(e) => e.stopPropagation()}
           style={{ minWidth: 0 }}
         />
-        <Text style={{ minWidth: 0 }}>{node.title}</Text>
+        <Text style={{ minWidth: 0, paddingInlineStart: '8px' }}>
+          {node.title}
+        </Text>
       </Flex>
     )
   }