From e9bd57dc0e5467c61173b998537a889a08d24fcc Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 1 Oct 2024 14:33:29 +0300
Subject: [PATCH] Data component adjustments

---
 .../src/datatable/style/DataTableStyle.js     | 10 ++++-----
 .../material/organizationchart/index.js       |  6 +++---
 .../src/presets/material/timeline/index.js    | 21 ++++++++++++++-----
 3 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/packages/primevue/src/datatable/style/DataTableStyle.js b/packages/primevue/src/datatable/style/DataTableStyle.js
index 8562c97c4..39806ee87 100644
--- a/packages/primevue/src/datatable/style/DataTableStyle.js
+++ b/packages/primevue/src/datatable/style/DataTableStyle.js
@@ -520,23 +520,23 @@ p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
 }
 
 .p-datatable.p-datatable-lg .p-datatable-header {
-    padding: 0.9375rem 1.25rem;
+    padding: 1rem 1.25rem;
 }
 
 .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
-    padding: 0.9375rem 1.25rem;
+    padding: 1rem 1.25rem;
 }
 
 .p-datatable.p-datatable-lg .p-datatable-tbody>tr>td {
-    padding: 0.9375rem 1.25rem;
+    padding: 1rem 1.25rem;
 }
 
 .p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td {
-    padding: 0.9375rem 1.25rem;
+    padding: 1rem 1.25rem;
 }
 
 .p-datatable.p-datatable-lg .p-datatable-footer {
-    padding: 0.9375rem 1.25rem;
+    padding: 1rem 1.25rem;
 }
 
 .p-datatable-row-toggle-button {
diff --git a/packages/themes/src/presets/material/organizationchart/index.js b/packages/themes/src/presets/material/organizationchart/index.js
index d883f2c9a..397a728f4 100644
--- a/packages/themes/src/presets/material/organizationchart/index.js
+++ b/packages/themes/src/presets/material/organizationchart/index.js
@@ -11,8 +11,8 @@ export default {
         color: '{content.color}',
         selectedColor: '{highlight.color}',
         hoverColor: '{content.hover.color}',
-        padding: '0.75rem 1rem',
-        toggleablePadding: '0.75rem 1rem 1.25rem 1rem',
+        padding: '1rem 1.25rem',
+        toggleablePadding: '1rem 1.25rem 1.5rem 1.25rem',
         borderRadius: '{content.border.radius}'
     },
     nodeToggleButton: {
@@ -21,7 +21,7 @@ export default {
         borderColor: '{content.border.color}',
         color: '{text.muted.color}',
         hoverColor: '{text.color}',
-        size: '1.5rem',
+        size: '1.75rem',
         borderRadius: '50%',
         focusRing: {
             width: '{focus.ring.width}',
diff --git a/packages/themes/src/presets/material/timeline/index.js b/packages/themes/src/presets/material/timeline/index.js
index 9058486e5..4359a724c 100644
--- a/packages/themes/src/presets/material/timeline/index.js
+++ b/packages/themes/src/presets/material/timeline/index.js
@@ -13,20 +13,31 @@ export default {
         }
     },
     eventMarker: {
-        size: '1.125rem',
+        size: '1.5rem',
         borderRadius: '50%',
         borderWidth: '2px',
-        background: '{content.background}',
-        borderColor: '{content.border.color}',
+        background: '{primary.color}',
         content: {
             borderRadius: '50%',
-            size: '0.375rem',
+            size: '0',
             background: '{primary.color}',
-            insetShadow: '0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)'
+            insetShadow: 'none'
         }
     },
     eventConnector: {
         color: '{content.border.color}',
         size: '2px'
+    },
+    colorScheme: {
+        light: {
+            eventMarker: {
+                borderColor: '{surface.0}'
+            }
+        },
+        dark: {
+            eventMarker: {
+                borderColor: '{surface.900}'
+            }
+        }
     }
 };