From c9f854379af8666d847e36be6f5a28eeb4dbae52 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Fri, 21 Aug 2026 11:22:41 +0100
Subject: [PATCH] Enhance Dashboard Layout and CSS Styles

- Updated the DashboardLayout component to set the height to 100% for improved layout consistency.
- Added padding to the dashboard splitter panels in the CSS to ensure proper spacing and alignment within the dashboard interface.
---
 assets/stylesheets/App.css          | 4 ++++
 src/components/Dashboard/Layout.jsx | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index c2b51601..0ab88b59 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -1568,6 +1568,10 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
   margin: 0;
 }
 
+.dashboard-splitter.farmcontrol-splitter > .ant-splitter-panel {
+  padding: 0;
+}
+
 .dashboard-splitter.farmcontrol-splitter
   > .ant-splitter-bar
   .ant-splitter-bar-dragger::before {
diff --git a/src/components/Dashboard/Layout.jsx b/src/components/Dashboard/Layout.jsx
index 0436c120..d4cac784 100644
--- a/src/components/Dashboard/Layout.jsx
+++ b/src/components/Dashboard/Layout.jsx
@@ -51,7 +51,10 @@ const DashboardLayout = ({ children }) => {
       >
         <DashboardNavigation />
         <DashboardSidebarSplitter sidebar={sidebar}>
-          <Layout style={{ padding: '24px' }} className='main-content-layout'>
+          <Layout
+            style={{ padding: '24px', height: '100%' }}
+            className='main-content-layout'
+          >
             <Content>
               <Flex vertical style={{ height: '100%' }} gap='20px'>
                 <Flex justify='space-between'>