From ea4a447cb47f6c804d014510efda465594d5ffc1 Mon Sep 17 00:00:00 2001
From: PreslavKozovski <preslav.kozovski@progress.com>
Date: Tue, 29 Sep 2020 18:27:14 +0300
Subject: [PATCH] fix(pivotgrid): buttons misalignments

---
 packages/default/scss/pivotgrid/_layout.scss | 6 +++++-
 tests/visual/pivotconfigurator.html          | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/default/scss/pivotgrid/_layout.scss b/packages/default/scss/pivotgrid/_layout.scss
index a17dcddb039..aae68e999c0 100644
--- a/packages/default/scss/pivotgrid/_layout.scss
+++ b/packages/default/scss/pivotgrid/_layout.scss
@@ -25,7 +25,7 @@
         @include use-background-clip();
         @include border-radius( $border-radius );
         padding: $button-padding-y $button-padding-x;
-        padding-right: calc( #{$button-padding-x * 2} + #{$icon-size * 2} );
+        padding-right: calc( #{$button-padding-x} + #{$icon-size * 3} );
         min-height: auto;
         font-size: $font-size;
         line-height: $button-line-height;
@@ -33,6 +33,10 @@
         position: relative;
         cursor: move;
         white-space: normal;
+
+        .k-field-actions .k-setting-delete {
+            box-sizing: content-box;
+        }
     }
 
     .k-settings-rows .k-button,
diff --git a/tests/visual/pivotconfigurator.html b/tests/visual/pivotconfigurator.html
index 304237f04f6..54e8d2f4cf9 100644
--- a/tests/visual/pivotconfigurator.html
+++ b/tests/visual/pivotconfigurator.html
@@ -54,8 +54,9 @@
                         <div class="k-list-container k-reset">
                             <ul class="k-pivot-configurator-settings k-list k-reset k-pivot-setting">
                                 <li class="k-item k-header">
-                                    Column 1
+                                    Column 1 Long text test
                                     <span class="k-field-actions">
+                                        <span class="k-icon k-i-sort-asc-sm"></span>
                                         <span class="k-icon k-i-more-vertical k-setting-fieldmenu"></span>
                                         <span class="k-icon k-i-close k-setting-delete"></span>
                                     </span>