@syncfusion/ej2-vue-pivotview 19.4.53 → 20.1.47

package/styles/bootstrap5.css

@@ -223,7 +223,7 @@
 .e-pivotview .e-value-field-settings .e-type-option-container,
 .e-pivotview .e-value-field-settings .e-base-field-option-container,
 .e-pivotview .e-value-field-settings .e-base-item-option-container {
-  padding-top: 12px;
+  padding-top: 20px;
 }
 
 .e-pivotview .e-value-field-settings .e-base-field-option-text,
@@ -265,7 +265,7 @@
 .e-pivotview .e-group-field-settings .e-group-input-container,
 .e-pivotview .e-group-field-settings .e-group-end-option-container,
 .e-pivotview .e-group-field-settings .e-group-interval-option-container {
-  padding-top: 12px;
+  padding-top: 20px;
 }
 
 .e-pivotview .e-group-field-settings .e-group-field-div-content {
@@ -280,7 +280,7 @@
 .e-pivotview .e-member-editor-dialog .e-editor-search-container {
   display: -ms-flexbox;
   display: flex;
-  padding: 0 12px 10px;
+  padding: 0 20px 10px;
 }
 
 .e-pivotview .e-member-editor-dialog .e-editor-search-wrapper .e-clear-icon-hide,
@@ -291,7 +291,7 @@
 
 .e-pivotview .e-member-editor-dialog:not(.e-excel-filter) .e-editor-search-wrapper,
 .e-pivotview .e-member-editor-dialog:not(.e-excel-filter) .e-editor-search-container {
-  padding: 5px 12px 10px;
+  padding: 5px 20px 10px;
 }
 
 .e-pivotview .e-member-editor-dialog .e-filter-sort {
@@ -305,7 +305,7 @@
 }
 
 .e-pivotview .e-member-editor-dialog .e-member-prompt {
-  padding: 15px 12px;
+  padding: 15px 20px;
   text-align: center;
   width: 100%;
 }
@@ -662,7 +662,7 @@
 }
 
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer {
-  padding: 0 12px;
+  padding: 0 20px;
 }
 
 .e-pivotview .e-pivot-format-dialog .e-pivot-format-dialog-outer .e-pivot-format-value-lable,
@@ -707,7 +707,7 @@
 
 .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item,
 .e-pivotview .e-pivot-toolbar .e-menu-container ul .e-menu-item {
-  height: 32px;
+  height: 32px !important;
   overflow: hidden;
   padding-left: 10px;
 }
@@ -725,6 +725,10 @@
   line-height: 32px;
 }
 
+.e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
+  margin-left: 18px !important;
+}
+
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template {
   padding: 0 !important;
 }
@@ -794,6 +798,7 @@
   float: left;
   margin-top: 8px;
   width: 40%;
+  padding-left: 12px;
 }
 
 .e-pivotview-report-input {
@@ -1050,7 +1055,7 @@
 .e-bigger.e-pivotview .e-value-field-settings .e-group-field-div-content,
 .e-bigger.e-pivotview .e-group-field-settings .e-value-field-div-content,
 .e-bigger.e-pivotview .e-group-field-settings .e-group-field-div-content {
-  padding: 0 12px 10px;
+  padding: 0 20px 10px;
 }
 
 .e-bigger .e-pivotview-report-dialog .e-pivotview-report-label,
@@ -1058,6 +1063,18 @@
   margin-top: 12px;
 }
 
+.e-bigger .e-dialog .e-footer-content {
+  height: 62px;
+}
+
+.e-bigger .e-dialog .e-dlg-header-content {
+  padding-left: 10px;
+}
+
+.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active {
+  margin-left: 24px !important;
+}
+
 /*! PivotView theme */
 .e-pivotview .e-nextspan {
   display: inline-block;
@@ -1085,8 +1102,11 @@
 
 .e-pivotview .e-grid
 .e-rowcell {
-  font-size: 14px;
+  font-size: 14px !important;
   padding-left: 8px;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 .e-pivotview .e-gtot,
@@ -1204,7 +1224,7 @@
 
 .e-pivotview .e-sortfilterdiv {
   float: right;
-  margin: -28px -5px !important;
+  margin: -23px -15px !important;
   font-size: 12px !important;
   padding: 15px;
 }
@@ -1246,6 +1266,10 @@
 
 .e-pivotview .e-grid .e-rowsheader {
   padding-left: 8px;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-touch-callout: none;
 }
 
 .e-pivotview .e-grid .e-rowsheader.e-active .e-icons {
@@ -1266,13 +1290,17 @@
   padding-bottom: 0px !important;
 }
 
+.e-pivotview .sf-grid .e-spinner-pane {
+  z-index: 1 !important;
+}
+
 .e-pivotview .sf-grid .e-headercelldiv,
 .e-pivotview .sf-grid .e-columnsheader {
   padding-right: 8px !important;
 }
 
-.e-pivotview .sf-grid .e-headercelldiv,
-.e-pivotview .sf-grid .e-stackedheadercelldiv {
+.e-pivotview .e-grid .e-headercelldiv,
+.e-pivotview .e-grid .e-stackedheadercelldiv {
   line-height: normal;
 }
 
@@ -1290,9 +1318,10 @@
 
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  padding-left: 8px !important;
+  padding-left: 12px !important;
   margin-top: 5px;
   margin-top: 2px;
+  padding-left: 8px !important;
 }
 
 .e-pivotview .e-stackedheadercelldiv {
@@ -1488,7 +1517,7 @@
   font-weight: normal;
   height: 24px;
   line-height: .9em;
-  padding: 4px 8px;
+  padding: 3px 8px;
   text-transform: none;
   vertical-align: bottom;
   z-index: 1;
@@ -1701,7 +1730,7 @@
 }
 
 .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
-  padding: 4px 8px;
+  padding: 3px 8px;
   width: 180px;
 }
 
@@ -1882,7 +1911,7 @@
 }
 
 .e-pivotview .e-expand::before {
-  font-size: 18px;
+  font-size: 20px;
 }
 
 .e-pivotview.e-rtl .e-expand::before,
@@ -1998,7 +2027,7 @@
 
 .e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
 .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
-  padding-right: 8px !important;
+  padding-right: 12px !important;
 }
 
 .e-pivotview.e-rtl .e-sortfilterdiv {
@@ -2126,6 +2155,11 @@
   padding-left: 8px !important;
 }
 
+.e-bigger .e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler,
+.e-bigger.e-pivotview .e-grid .e-gridheader .e-headercell .e-rhandler {
+  height: 100% !important;
+}
+
 .e-bigger .e-pivotview .e-stackedheadercelldiv,
 .e-bigger .e-pivotview .e-stackedheadertext,
 .e-bigger .e-pivotview .e-headertext,
@@ -2137,6 +2171,11 @@
   font-size: 16px !important;
 }
 
+.e-bigger .e-pivotview .e-bigger .e-stackedheadercelldiv,
+.e-bigger.e-pivotview .e-bigger .e-stackedheadercelldiv {
+  padding-left: 16px !important;
+}
+
 .e-bigger .e-pivotview th .e-expand,
 .e-bigger .e-pivotview th .e-collapse,
 .e-bigger.e-pivotview th .e-expand,
@@ -2168,7 +2207,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button {
   height: 30px;
   line-height: 1em;
-  padding: 6px 12px;
+  padding: 5px 12px;
 }
 
 .e-bigger .e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-content,
@@ -2189,7 +2228,7 @@
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-remove,
 .e-bigger.e-pivotview .e-grouping-bar .e-pvt-btn-div .e-pivot-button .e-edit {
-  font-size: 14px;
+  font-size: 14px !important;
   height: 20px;
   width: 20px;
 }
@@ -2270,7 +2309,7 @@
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button {
   height: 30px;
   line-height: 1em;
-  padding: 6px 12px;
+  padding: 5px 12px;
 }
 
 .e-bigger .e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-content,
@@ -2291,7 +2330,7 @@
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-pv-filtered,
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-remove,
 .e-bigger.e-pivotview .e-group-rows .e-pvt-btn-div .e-pivot-button .e-edit {
-  font-size: 14px;
+  font-size: 14px !important;
   height: 20px;
   width: 20px;
 }
@@ -2308,7 +2347,7 @@
 
 .e-bigger .e-pivotview .e-sortfilterdiv,
 .e-bigger.e-pivotview .e-sortfilterdiv {
-  margin: -26px -10px !important;
+  margin: -23px -15px !important;
   font-size: 12px !important;
 }
 
@@ -2351,7 +2390,7 @@
 
 .e-bigger .e-pivotview .e-rowcell,
 .e-bigger.e-pivotview .e-rowcell {
-  font-size: 16px;
+  font-size: 16px !important;
 }
 
 .e-bigger .e-pivotview.e-rtl .e-grid .e-rowsheader,
@@ -2396,7 +2435,17 @@
 .e-bigger .e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue,
 .e-bigger.e-pivotview.e-rtl .e-stackedheadertext.e-cellvalue,
 .e-bigger.e-pivotview.e-rtl .e-stackedheadercelldiv.e-cellvalue {
-  padding-right: 8px !important;
+  padding-right: 16px !important;
+}
+
+.e-bigger .e-pivotview .e-expand::before,
+.e-bigger.e-pivotview .e-expand::before {
+  font-size: 24px;
+}
+
+.e-bigger .e-pivotview .e-collapse::before,
+.e-bigger.e-pivotview .e-collapse::before {
+  font-size: 22px;
 }
 
 .e-content-placeholder.e-pivotview.e-placeholder-pivotview {
@@ -2802,7 +2851,7 @@
 }
 
 .e-pivot-formatting-dialog .e-format-table tr:nth-child(odd) td {
-  padding-bottom: 10px;
+  padding-bottom: 4px;
 }
 
 .e-pivot-formatting-dialog .e-format-delete-icon {
@@ -2831,7 +2880,7 @@
 
 .e-pivot-formatting-dialog .e-format-font-color-picker {
   margin-left: 0;
-  margin-right: 18px;
+  margin-right: 16px;
 }
 
 .e-pivot-formatting-dialog .e-format-inner-div {
@@ -2856,7 +2905,7 @@
   float: right;
   padding-right: 12px;
   padding-top: 12px;
-  color: #212529;
+  color: #212529 !important;
 }
 
 .e-pivot-formatting-dialog .e-format-delete-button:hover,
@@ -2900,11 +2949,12 @@
   background: none;
   margin: 0 2px;
   width: 14px;
+  color: #212529 !important;
 }
 
 .e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn .e-selected-color:hover,
 .e-pivot-formatting-dialog .e-colorpicker-container .e-split-btn-wrapper .e-split-btn .e-selected-color:hover {
-  color: #6c757d;
+  color: #6c757d !important;
 }
 
 .e-pivot-formatting-dialog .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-btn,
@@ -2960,7 +3010,7 @@
 }
 
 .e-pivot-formatting-dialog.e-rtl .e-format-font-color-picker {
-  margin-left: 18px;
+  margin-left: 16px;
   margin-right: 0;
 }
 
@@ -2982,6 +3032,10 @@
   padding-left: 12px;
 }
 
+.e-pivot-formatting-dialog.e-rtl.e-device .e-format-font-color-picker {
+  margin-right: 0;
+}
+
 .e-bigger.e-pivot-formatting-dialog,
 .e-bigger .e-pivot-formatting-dialog {
   min-width: 680px !important;
@@ -3077,12 +3131,13 @@
   color: #495057;
   font-size: 14px;
   margin-bottom: 4px;
-  margin-top: 15px;
+  margin-top: 12px;
   overflow: hidden;
   padding: 4px 0;
   padding-bottom: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
+  padding-bottom: 4px;
 }
 
 .e-pivot-calc-dialog-div .e-treeview .e-sibling {
@@ -3110,7 +3165,9 @@
 }
 
 .e-pivot-calc-dialog-div .e-treeview ul li .e-list-icon {
+  float: right !important;
   margin: 0;
+  margin-right: 12px !important;
 }
 
 .e-pivot-calc-dialog-div .e-treeview ul .e-fullrow {
@@ -3131,6 +3188,16 @@
   padding: 2px 4px 4px;
   pointer-events: auto;
   width: 24px;
+  height: 20px;
+  width: 20px;
+}
+
+.e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons.e-format {
+  float: right;
+  font-size: 20px;
+  margin-right: 12px;
+  padding-top: 10px;
+  padding-top: 8px;
 }
 
 .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-iconspace {
@@ -3154,9 +3221,12 @@
   font-size: 14px;
   height: 24px;
   margin-right: 4px;
-  padding: 5px;
   pointer-events: auto;
   width: 24px;
+  height: 20px;
+  padding: 5px 8px 12px 5px;
+  width: 20px;
+  padding: 8px 8px 8px 12px;
 }
 
 .e-pivot-calc-dialog-div .e-dlg-header {
@@ -3236,7 +3306,7 @@
   color: #212529;
   font-size: 13px;
   height: 70px;
-  padding: 5px 10px;
+  padding: 5px 8px;
   resize: none;
   width: 100%;
 }
@@ -3272,7 +3342,7 @@
 }
 
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
-  height: 430px;
+  height: 482px;
   width: 50%;
 }
 
@@ -3284,7 +3354,7 @@
 
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
   display: inline-block;
-  height: 400px;
+  height: 447px;
   overflow: auto;
   width: 100%;
 }
@@ -3342,6 +3412,7 @@
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul .e-list-item div.e-icons {
   padding: 0;
   height: auto;
+  float: none !important;
 }
 
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-treeview ul li {
@@ -3373,8 +3444,8 @@
       flex: auto;
   margin-top: 0;
   padding-bottom: 4px;
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 18px;
+  padding-right: 18px;
 }
 
 .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-all-field-title-wrapper {
@@ -3476,6 +3547,8 @@
   font-size: 14px;
   padding: 6px 0;
   padding-bottom: 0;
+  padding-bottom: 4px;
+  padding-top: 16px;
 }
 
 .e-bigger.e-pivot-calc-dialog-div .e-treeview ul li,
@@ -3486,6 +3559,7 @@
 .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons,
 .e-bigger .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons {
   font-size: 20px;
+  padding-top: 12px;
 }
 
 .e-bigger.e-pivot-calc-dialog-div .e-treeview .e-list-item span.e-icons,
@@ -3512,12 +3586,12 @@
 
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div {
-  height: 501px;
+  height: 521px;
 }
 
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div,
 .e-bigger .e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-treeview-outer-div {
-  height: 470px;
+  height: 483px;
 }
 
 .e-bigger.e-pivot-calc-dialog-div.e-olap-calc-dialog-div .e-pivot-calc-outer-div .e-olap-field-tree-div .e-pivot-treeview-outer .e-pivot-all-field-title,
@@ -3829,7 +3903,7 @@
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
-  padding: 0 12px 10px;
+  padding: 0 24px 10px;
 }
 
 .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content .e-field-option-wrapper .e-field-name-text-wrapper {
@@ -4646,7 +4720,7 @@
 
 .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content,
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-value-field-div-content {
-  padding: 0 12px 10px;
+  padding: 0 28px 10px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-value-field-settings .e-field-name-text-wrapper,
@@ -4706,6 +4780,7 @@
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-type-option-text,
 .e-bigger.e-pivotfieldlist-wrapper .e-value-field-settings .e-base-item-option-wrapper .e-caption-input-text {
   font-size: 14px;
+  padding-bottom: 6px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
@@ -5103,7 +5178,7 @@
   height: 28px;
   line-height: 1.125em;
   overflow: hidden;
-  padding: 6px 0 0 12px;
+  padding: 6px 0 0 18px;
   text-align: left;
   text-overflow: ellipsis;
   text-transform: none;
@@ -5115,7 +5190,7 @@
   color: #495057;
   display: -ms-flexbox;
   display: flex;
-  padding-right: 12px;
+  padding-right: 18px;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-header-wrapper .e-field-header {
@@ -5129,7 +5204,7 @@
   color: #495057;
   cursor: pointer;
   font-size: 14px;
-  height: 20px;
+  height: 20px !important;
   padding: 6px 0 0 4px;
   width: 20px;
 }
@@ -5191,6 +5266,8 @@
   vertical-align: bottom;
   width: 20px;
   margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
 }
 
 .e-pivotfieldlist-wrapper .e-field-list-container .e-field-table .e-field-list ul li .e-drag.e-disable-drag {
@@ -5291,7 +5368,7 @@
   display: -ms-flexbox;
   display: flex;
   height: 28px;
-  padding: 2px 12px 5px;
+  padding: 2px 18px 5px;
   border-radius: 3px 3px 0 0;
 }
 
@@ -5770,12 +5847,12 @@
 
 .e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-header {
   padding-left: 0;
-  padding-right: 12px;
+  padding-right: 18px;
   text-align: right;
 }
 
 .e-pivotfieldlist-wrapper.e-rtl .e-field-table .e-field-header-wrapper {
-  padding-left: 12px;
+  padding-left: 18px;
   padding-right: 0;
 }
 
@@ -6071,7 +6148,9 @@
   height: 24px;
   padding-left: 10px;
   width: 24px;
+  font-size: 14px !important;
   color: #212529;
+  padding-left: 8px;
 }
 
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -6184,6 +6263,8 @@
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-values .e-pvt-btn-div .e-pivot-button.e-rtl .e-edit {
   padding-left: 0;
   padding-right: 10px;
+  color: #212529;
+  padding-left: 8px;
 }
 
 .e-pivotfieldlist-wrapper.e-device .e-adaptive-container .e-content .e-field-list-filters .e-axis-content,
@@ -6609,7 +6690,7 @@
   font-weight: normal;
   height: 28px;
   overflow: hidden;
-  padding: 6px 0 0 12px;
+  padding: 6px 0 0 18px;
   text-align: left;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -6620,7 +6701,7 @@
   color: #495057;
   display: -ms-flexbox;
   display: flex;
-  padding-right: 12px;
+  padding-right: 18px;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-header-container .e-field-header {
@@ -6634,7 +6715,7 @@
   color: #495057;
   cursor: pointer;
   font-size: 14px;
-  height: 20px;
+  height: 20px !important;
   padding: 6px 0 0 4px;
   width: 20px;
 }
@@ -6696,6 +6777,7 @@
   vertical-align: bottom;
   width: 20px;
   margin-right: 4px;
+  padding-left: 12px;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li .e-drag.e-disable-drag {
@@ -6796,7 +6878,7 @@
   display: -ms-flexbox;
   display: flex;
   height: 28px;
-  padding: 2px 12px 5px;
+  padding: 2px 18px 5px;
 }
 
 .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-container .e-axis-icon-container,
@@ -7273,12 +7355,12 @@
 
 .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header {
   padding-left: 0;
-  padding-right: 12px;
+  padding-right: 18px;
   text-align: right;
 }
 
 .e-pivotfieldlist-container.e-rtl .e-field-table .e-field-header-container {
-  padding-left: 12px;
+  padding-left: 18px;
   padding-right: 0;
 }
 
@@ -7560,7 +7642,9 @@
   height: 24px;
   padding-left: 10px;
   width: 24px;
+  font-size: 14px !important;
   color: #6c757d;
+  padding-left: 8px;
 }
 
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-pvt-btn-div .e-pivot-button .e-sort:hover,
@@ -7673,6 +7757,7 @@
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-values .e-pvt-btn-div .e-pivot-button.e-rtl .e-edit {
   padding-left: 0;
   padding-right: 10px;
+  padding-right: 8px;
 }
 
 .e-pivotfieldlist-container.e-device .e-adaptive-container .e-content .e-field-list-filters .e-axis-content,
@@ -7958,7 +8043,7 @@
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-left-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields {
-  padding-left: 16px;
+  padding-left: 12px !important;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-header,
@@ -7984,7 +8069,7 @@
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-ascend,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-field-header-wrapper .e-sort-descend {
   font-size: 16px;
-  height: 24px;
+  height: 24px !important;
   padding: 6px 0 0 4px;
   width: 24px;
 }
@@ -8006,6 +8091,8 @@
   margin-bottom: 3px !important;
   margin-right: 4px !important;
   width: 24px !important;
+  padding-left: 12px;
+  padding-right: 16px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-field-list .e-calc-measure-icon,
@@ -8042,7 +8129,7 @@
 .e-bigger .e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields .e-field-list-values,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger.e-pivotfieldlist-wrapper .e-field-table .e-right-axis-fields .e-field-list-values {
-  margin-top: 16px;
+  margin-top: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper,
@@ -8246,14 +8333,14 @@
 
 .e-bigger .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields {
-  padding-left: 16px;
+  padding-left: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values,
 .e-bigger.e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger.e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values {
-  margin-top: 16px;
+  margin-top: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
@@ -8270,7 +8357,7 @@
 
 .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields,
 .e-bigger.e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields {
-  padding-left: 16px;
+  padding-left: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-wrapper.e-static.e-rtl .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-wrapper .e-axis-icon-wrapper,
@@ -8415,7 +8502,7 @@
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-left-axis-fields,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-right-axis-fields {
-  padding-left: 16px;
+  padding-left: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-field-header,
@@ -8441,7 +8528,7 @@
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-ascend,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-field-header-container .e-sort-descend {
   font-size: 16px;
-  height: 24px;
+  height: 24px !important;
   padding: 6px 0 0 4px;
   width: 24px;
 }
@@ -8499,7 +8586,7 @@
 .e-bigger .e-pivotfieldlist-container .e-field-table .e-right-axis-fields .e-field-list-values,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger.e-pivotfieldlist-container .e-field-table .e-right-axis-fields .e-field-list-values {
-  margin-top: 16px;
+  margin-top: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-container,
@@ -8702,14 +8789,14 @@
 
 .e-bigger .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields,
 .e-bigger.e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields {
-  padding-left: 16px;
+  padding-left: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values,
 .e-bigger.e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows,
 .e-bigger.e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values {
-  margin-top: 16px;
+  margin-top: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-container.e-static .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-container .e-axis-icon-container,
@@ -8725,7 +8812,7 @@
 
 .e-bigger .e-pivotfieldlist-container.e-static.e-rtl .e-axis-table .e-left-axis-fields,
 .e-bigger.e-pivotfieldlist-container.e-static.e-rtl .e-axis-table .e-left-axis-fields {
-  padding-left: 16px;
+  padding-left: 12px;
 }
 
 .e-bigger .e-pivotfieldlist-container.e-static.e-rtl .e-axis-table .e-right-axis-fields,