From 2b0565e69e71bdd083af943012134fdd5f5f8872 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sat, 19 Sep 2026 01:38:28 +0100
Subject: [PATCH] Refine Dashboard Layout and Styles for Improved User
 Experience

- Adjusted the top positioning of the dashboard tab pane for better alignment.
- Updated the flex gap in the main content layout to enhance spacing consistency.
- Modified mouse enter delay for dashboard tab items to improve interaction responsiveness.
---
 assets/stylesheets/App.css                        | 6 +++---
 src/components/Dashboard/Layout.jsx               | 2 +-
 src/components/Dashboard/common/DashboardTabs.jsx | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index ddfcf14d..6d466105 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -4027,13 +4027,13 @@ body.objectKanbanColumnResizing * {
 
 .dashboard-tab-pane {
   position: absolute;
-  top: 0;
+  top: 10px;
   left: 0;
+  right: 0;
+  bottom: 0;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
-  width: 100%;
-  height: 100%;
   min-width: 0;
   min-height: 0;
 }
diff --git a/src/components/Dashboard/Layout.jsx b/src/components/Dashboard/Layout.jsx
index 5373f6ff..521779a3 100644
--- a/src/components/Dashboard/Layout.jsx
+++ b/src/components/Dashboard/Layout.jsx
@@ -61,7 +61,7 @@ const DashboardLayout = ({ children }) => {
             className='main-content-layout'
           >
             <Content>
-              <Flex vertical style={{ height: '100%' }} gap='20px'>
+              <Flex vertical style={{ height: '100%' }} gap='10px'>
                 <Flex justify='space-between' align='center'>
                   <DashboardBreadcrumb style={{ margin: '16px 0' }} />
                   {currentObjectTools}
diff --git a/src/components/Dashboard/common/DashboardTabs.jsx b/src/components/Dashboard/common/DashboardTabs.jsx
index e63f6efa..90f99d92 100644
--- a/src/components/Dashboard/common/DashboardTabs.jsx
+++ b/src/components/Dashboard/common/DashboardTabs.jsx
@@ -154,7 +154,7 @@ const DashboardTabItem = ({
       trigger='hover'
       placement='bottom'
       arrow={false}
-      mouseEnterDelay={0}
+      mouseEnterDelay={1}
       mouseLeaveDelay={0}
       destroyOnHidden
       open={isDragging ? false : previewOpen}