From ab3bb5a4e36d4fd4a303d8e2239bd8043ef2fdd2 Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <julia.radzhabova@onlyoffice.com>
Date: Wed, 13 Jul 2022 22:47:33 +0300
Subject: [PATCH] Refactoring "more" section

---
 apps/common/main/resources/less/toolbar.less       | 10 ++++++++++
 apps/spreadsheeteditor/main/app/view/PivotTable.js |  2 ++
 2 files changed, 12 insertions(+)

diff --git a/apps/common/main/resources/less/toolbar.less b/apps/common/main/resources/less/toolbar.less
index f0a9cf0d92..a3b26b0c10 100644
--- a/apps/common/main/resources/less/toolbar.less
+++ b/apps/common/main/resources/less/toolbar.less
@@ -232,8 +232,18 @@
                 }
             }
         }
+        .group {
+            height: 52px !important;
+        }
         &[data-tab=pivot] {
             padding: 5px 10px 0 0;
+            .group {
+                height: 60px !important;
+            }
+            .separator {
+                margin-top: 4px;
+                margin-bottom: 4px;
+            }
         }
     }
 
diff --git a/apps/spreadsheeteditor/main/app/view/PivotTable.js b/apps/spreadsheeteditor/main/app/view/PivotTable.js
index 94d66261a7..8a679fa8fd 100644
--- a/apps/spreadsheeteditor/main/app/view/PivotTable.js
+++ b/apps/spreadsheeteditor/main/app/view/PivotTable.js
@@ -79,6 +79,7 @@ define([
                         '<span class="btn-slot text" id="slot-chk-header-column"></span>' +
                     '</div>' +
                 '</div>' +
+                '<div class="separator long invisible"></div>' +
                 '<div class="group small">' +
                     '<div class="elset">' +
                         '<span class="btn-slot text" id="slot-chk-banded-row"></span>' +
@@ -87,6 +88,7 @@ define([
                         '<span class="btn-slot text" id="slot-chk-banded-column"></span>' +
                     '</div>' +
                 '</div>' +
+                '<div class="separator long invisible"></div>' +
                 '<div class="group flex small" id="slot-field-pivot-styles" style="width: 324px;max-width: 324px;min-width: 105px;" data-group-width="324px">' +
                 '</div>' +
             '</section>';