From 005b26c54f81e718333d25ae057367d3fdd6530b Mon Sep 17 00:00:00 2001
From: Ehsan Rezaei <ehsan.rezaei@hyland.com>
Date: Fri, 3 Mar 2023 17:44:02 +0100
Subject: [PATCH] AAE-12839: Improved column resize handle clickable area
 (#8325)

* AAE-12839: Improved column resize handle clickable area

* AAE-12839: Fixed lint issue
---
 .../components/datatable/datatable.component.html         | 1 +
 .../components/datatable/datatable.component.scss         | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.html b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
index 120b13774c..7ac73519e2 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.html
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
@@ -98,6 +98,7 @@
                     adf-resize-handle
                     class="adf-datatable__resize-handle"
                     [resizableContainer]="resizableElement">
+                    <div class="adf-datatable__resize-handle--divider"></div>
                 </div>
                 <div
                     *ngIf="col.draggable"
diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
index 62634cd743..4c163b7c9a 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.scss
@@ -23,8 +23,12 @@ $data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
     }
 
     &__resize-handle {
-        align-self: stretch;
-        border: 0.5px solid var(--theme-border-color);
+        padding: 0 2px;
+
+        &--divider {
+            padding: 24px 0;
+            border: 1px solid var(--theme-border-color);
+        }
 
         &:hover {
             cursor: col-resize;