From 7f13daa111a4265be5644952db474495fcfeeed1 Mon Sep 17 00:00:00 2001
From: Alexei Koshelev <aleksei.koshelev@onlyoffice.com>
Date: Mon, 20 Mar 2023 22:45:46 +0300
Subject: [PATCH] SSE] Change layout in ProtectRangesDlg

---
 .../main/app/template/ProtectRangesDlg.template  | 16 ++++++++--------
 .../main/app/view/ProtectRangesDlg.js            |  4 ++--
 .../main/resources/less/advanced-settings.less   | 11 +++++++++++
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/apps/spreadsheeteditor/main/app/template/ProtectRangesDlg.template b/apps/spreadsheeteditor/main/app/template/ProtectRangesDlg.template
index f7abb351d4..e28a912719 100644
--- a/apps/spreadsheeteditor/main/app/template/ProtectRangesDlg.template
+++ b/apps/spreadsheeteditor/main/app/template/ProtectRangesDlg.template
@@ -10,18 +10,18 @@
                 </td>
             </tr>
             <tr>
-                <td colspan=2 class="padding-small">
-                    <div id="protect-ranges-list" class="range-tableview" style="width:100%; height: 164px;"></div>
-                </td>
-            </tr>
-            <tr>
-                <td class="padding-large">
-                    <button type="button" class="btn btn-text-default" id="protect-ranges-btn-new" style="min-width: 100px;margin-right:5px;"><%= scope.textNew %></button>
+                <td class="padding-small">
+                    <button type="button" class="btn btn-text-default" id="protect-ranges-btn-new" style="min-width: 100px;"><%= scope.textNew %></button>
                     <button type="button" class="btn btn-text-default" id="protect-ranges-btn-edit" style="min-width: 100px;"><%= scope.textEdit %></button>
                 </td>
-                <td class="padding-large" style="text-align: right;width:90px;">
+                <td class="padding-small" style="text-align: right;width:90px;">
                     <button type="button" class="btn btn-text-default" id="protect-ranges-btn-delete" style="min-width: 100px;"><%= scope.textDelete %></button>
                 </td>
+            </tr>            
+            <tr>
+                <td colspan=2 class="padding-small">
+                    <div id="protect-ranges-list" class="range-tableview" style="width:100%; height: 164px;"></div>
+                </td>
             </tr>
         </table>
     </div>
diff --git a/apps/spreadsheeteditor/main/app/view/ProtectRangesDlg.js b/apps/spreadsheeteditor/main/app/view/ProtectRangesDlg.js
index 4af50fc7a3..4d94304438 100644
--- a/apps/spreadsheeteditor/main/app/view/ProtectRangesDlg.js
+++ b/apps/spreadsheeteditor/main/app/view/ProtectRangesDlg.js
@@ -50,7 +50,8 @@ define([  'text!spreadsheeteditor/main/app/template/ProtectRangesDlg.template',
         options: {
             alias: 'ProtectRangesDlg',
             contentWidth: 480,
-            height: 353
+            height: 333,
+            id: 'window-protect-ranges'
         },
 
         initialize: function (options) {
@@ -61,7 +62,6 @@ define([  'text!spreadsheeteditor/main/app/template/ProtectRangesDlg.template',
                     '<div class="box" style="height:' + (this.options.height-85) + 'px;">',
                     '<div class="content-panel" style="padding: 0;">' + _.template(contentTemplate)({scope: this}) + '</div>',
                     '</div>',
-                    '<div class="separator horizontal"></div>'
                 ].join(''),
                 buttons: [
                 // {
diff --git a/apps/spreadsheeteditor/main/resources/less/advanced-settings.less b/apps/spreadsheeteditor/main/resources/less/advanced-settings.less
index 8010db95ed..98256acc41 100644
--- a/apps/spreadsheeteditor/main/resources/less/advanced-settings.less
+++ b/apps/spreadsheeteditor/main/resources/less/advanced-settings.less
@@ -625,6 +625,17 @@
     }
 }
 
+#window-protect-ranges {
+    #protect-ranges-btn-new {
+        margin-right:5px;
+
+        .rtl & {
+            margin-right: 0px;
+            margin-left: 5px;
+        }
+    }
+}
+
 #printadv-dlg-pages {
     margin-top: 16px;