From 3e7b2532c8c1c47888037f4bd3ca804945f3e108 Mon Sep 17 00:00:00 2001
From: inikolova <Iliana.Nikolova@telerik.com>
Date: Wed, 27 Jan 2021 10:33:49 +0200
Subject: [PATCH] fix: update drag hint font-size and line-height to match
 grouping indicator's

---
 packages/default/scss/grid/_layout.scss  | 9 ++++++++-
 packages/material/scss/grid/_layout.scss | 4 ++++
 tests/visual/grid-grouping.html          | 2 +-
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/default/scss/grid/_layout.scss b/packages/default/scss/grid/_layout.scss
index 58ff5df21de..8f47908b9b6 100644
--- a/packages/default/scss/grid/_layout.scss
+++ b/packages/default/scss/grid/_layout.scss
@@ -510,7 +510,14 @@
     }
 
     .k-drag-clue {
-        line-height: $line-height-lg;
+        font-size: $grid-font-size;
+        line-height: $grid-line-height;
+
+        .k-icon-with-modifier {
+            margin-top: 0;
+            margin-bottom: 0;
+            margin-left: 0;
+        }
     }
 
     .k-grouping-dropclue {
diff --git a/packages/material/scss/grid/_layout.scss b/packages/material/scss/grid/_layout.scss
index 98c8ba08098..aeb67d0a2c6 100644
--- a/packages/material/scss/grid/_layout.scss
+++ b/packages/material/scss/grid/_layout.scss
@@ -118,6 +118,10 @@ $grid-group-drag-clue-opacity: .9 !default;
         }
     }
 
+    .k-drag-clue {
+        line-height: $button-line-height;
+    }
+
     .k-resize-handle:hover .k-resize-handle-inner {
         width: 1px;
         height: 100%;
diff --git a/tests/visual/grid-grouping.html b/tests/visual/grid-grouping.html
index ea05ffa0f54..dc68f3edd56 100644
--- a/tests/visual/grid-grouping.html
+++ b/tests/visual/grid-grouping.html
@@ -257,7 +257,7 @@
         <span>jquery grid drag clue</span>
 
         <section class="section">
-            <div class="k-header k-drag-clue"><span class="k-icon k-drag-status k-i-plus"></span>Drag clue</div>
+            <div class="k-header k-drag-clue"><span class="k-icon k-drag-status k-i-cancel k-icon-with-modifier"></span>Drag clue</div>
         </section>
 
         <section class="section">