From d8eb811b74ddd13c0ea4052bc59d981866d15725 Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Mon, 13 Sep 2021 16:44:40 +0300
Subject: [PATCH] [DE] fix bug 52486

---
 apps/documenteditor/main/app/view/Toolbar.js        |  4 ++--
 .../documenteditor/main/resources/less/toolbar.less | 13 ++++++-------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/apps/documenteditor/main/app/view/Toolbar.js b/apps/documenteditor/main/app/view/Toolbar.js
index bce4c991f..ee0c0df2d 100644
--- a/apps/documenteditor/main/app/view/Toolbar.js
+++ b/apps/documenteditor/main/app/view/Toolbar.js
@@ -1147,8 +1147,8 @@ define([
                     this.listStylesAdditionalMenuItem = new Common.UI.MenuItem({
                         template: _.template(
                             '<div id="id-save-style-container" class = "save-style-container">' +
-                            '<span id="id-save-style-plus" class="plus img-commonctrl"  ></span>' +
-                            '<label id="id-save-style-link" class="save-style-link" >' + me.textStyleMenuNew + '</label>' +
+                                '<span id="id-save-style-plus" class="add-style-icon toolbar__icon btn-zoomup"  ></span>' +
+                                '<label id="id-save-style-link" class="save-style-link" >' + me.textStyleMenuNew + '</label>' +
                             '</div>')
                     });
 
diff --git a/apps/documenteditor/main/resources/less/toolbar.less b/apps/documenteditor/main/resources/less/toolbar.less
index a8eef4f25..54cfe42fb 100644
--- a/apps/documenteditor/main/resources/less/toolbar.less
+++ b/apps/documenteditor/main/resources/less/toolbar.less
@@ -147,21 +147,20 @@
     border-left: @scaled-one-px-value solid @border-regular-control;
     border-top: @scaled-one-px-value-ie solid @border-regular-control-ie;
     border-top: @scaled-one-px-value solid @border-regular-control;
+    display: flex;
+    align-items: center;
 }
 
 .save-style-link {
     border-bottom: @scaled-one-px-value-ie dotted @text-secondary-ie;
     border-bottom: @scaled-one-px-value dotted @text-secondary;
     cursor: pointer;
-    margin-left: 22px;
+    margin-left: 8px;
 }
 
-.plus {
-    width: 16px;
-    height: 16px;
-    cursor: pointer;
-    position: absolute;
-    background-position: @plus-offset-x @plus-offset-y;
+.add-style-icon {
+    width: 20px;
+    height: 20px;
 }
 
 .dropdown-menu > .disabled {