From 2876a19bd3214516a9374b1630fc5119b68c9d3c Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <julia.radzhabova@onlyoffice.com>
Date: Tue, 25 Aug 2020 18:46:54 +0300
Subject: [PATCH] Fix Bug 33599: fix layout for paragraph settings

---
 .../ParagraphSettingsAdvanced.template        | 32 +++++++++----------
 .../ParagraphSettingsAdvanced.template        | 28 ++++++++--------
 .../ParagraphSettingsAdvanced.template        | 28 ++++++++--------
 3 files changed, 44 insertions(+), 44 deletions(-)

diff --git a/apps/documenteditor/main/app/template/ParagraphSettingsAdvanced.template b/apps/documenteditor/main/app/template/ParagraphSettingsAdvanced.template
index 8d9420889..8fa069f2c 100644
--- a/apps/documenteditor/main/app/template/ParagraphSettingsAdvanced.template
+++ b/apps/documenteditor/main/app/template/ParagraphSettingsAdvanced.template
@@ -12,41 +12,41 @@
             </div>
             <div><label class="header" style="padding-bottom: 4px;"><%= scope.strIndent %></label></div>
             <div>
-                <div class="padding-large" style="display: inline-block;">
-                    <label class="input-label"><%= scope.strIndentsLeftText %></label>
+                <div class="padding-large" style="display: inline-block;margin-right: 3px;">
+                 <label class="input-label"><%= scope.strIndentsLeftText %></label>
                     <div id="paragraphadv-spin-indent-left"></div>
-                </div>
-                <div class="padding-large" style="display: inline-block;">
+                </div><!--
+             --><div class="padding-large" style="display: inline-block;margin-right: 3px;">
                     <label class="input-label"><%= scope.strIndentsRightText %></label>
                     <div id="paragraphadv-spin-indent-right"></div>
-                </div>
-                <div class="padding-large" style="display: inline-block;">
+                </div><!--
+             --><div class="padding-large" style="display: inline-block;">
                     <div>
                         <label class="input-label"><%= scope.strIndentsSpecial %></label>
                     </div>
-                    <div>
-                        <div id="paragraphadv-spin-special" style="display: inline-block;"></div>
-                        <div id="paragraphadv-spin-special-by" style="display: inline-block;"></div>
+                <div>
+                        <div id="paragraphadv-spin-special" style="display: inline-block; margin-right: 3px;"></div><!--
+                     --><div id="paragraphadv-spin-special-by" style="display: inline-block;"></div>
                     </div>
                 </div>
             </div>
             <div><label class="header" style="padding-bottom: 4px;"><%= scope.strSpacing %></label></div>
             <div>
-                <div style="display: inline-block;">
+                <div style="display: inline-block;margin-right: 3px;">
                     <label class="input-label"><%= scope.strIndentsSpacingBefore %></label>
                     <div id="paragraphadv-spin-spacing-before"></div>
-                </div>
-                <div style="display: inline-block;">
+                </div><!--
+             --><div style="display: inline-block;margin-right: 3px;">
                     <label class="input-label"><%= scope.strIndentsSpacingAfter %></label>
                     <div id="paragraphadv-spin-spacing-after"></div>
-                </div>
-                <div style="display: inline-block;">
+                </div><!--
+             --><div style="display: inline-block;">
                     <div>
                         <label class="input-label"><%= scope.strIndentsLineSpacing %></label>
                     </div>
                     <div>
-                        <div id="paragraphadv-spin-line-rule" style="display: inline-block;"></div>
-                        <div id="paragraphadv-spin-line-height" style="display: inline-block;"></div>
+                        <div id="paragraphadv-spin-line-rule" style="display: inline-block;margin-right: 3px;"></div><!--
+                     --><div id="paragraphadv-spin-line-height" style="display: inline-block;"></div>
                     </div>
                 </div>
             </div>
diff --git a/apps/presentationeditor/main/app/template/ParagraphSettingsAdvanced.template b/apps/presentationeditor/main/app/template/ParagraphSettingsAdvanced.template
index 65ce45a2a..27d81c1e0 100644
--- a/apps/presentationeditor/main/app/template/ParagraphSettingsAdvanced.template
+++ b/apps/presentationeditor/main/app/template/ParagraphSettingsAdvanced.template
@@ -8,41 +8,41 @@
         </div>
         <div style="padding-bottom: 4px;"><label class="header"><%= scope.strIndent %></label></div>
         <div>
-            <div class="padding-large" style="display: inline-block;">
+            <div class="padding-large" style="display: inline-block;margin-right: 3px;">
                 <label class="input-label"><%= scope.strIndentsLeftText %></label>
                 <div id="paragraphadv-spin-indent-left"></div>
-            </div>
-            <div class="padding-large" style="display: inline-block;">
+            </div><!--
+         --><div class="padding-large" style="display: inline-block;margin-right: 3px;">
                 <label class="input-label"><%= scope.strIndentsRightText %></label>
                 <div id="paragraphadv-spin-indent-right"></div>
-            </div>
-            <div class="padding-large" style="display: inline-block;">
+            </div><!--
+         --><div class="padding-large" style="display: inline-block;">
                 <div>
                     <label class="input-label"><%= scope.strIndentsSpecial %></label>
                 </div>
                 <div>
-                    <div id="paragraphadv-spin-special" style="display: inline-block;"></div>
-                    <div id="paragraphadv-spin-special-by" style="display: inline-block;"></div>
+                    <div id="paragraphadv-spin-special" style="display: inline-block;margin-right: 3px;"></div><!--
+                 --><div id="paragraphadv-spin-special-by" style="display: inline-block;"></div>
                 </div>
             </div>
         </div>
         <div style="padding-bottom: 4px;"><label class="header"><%= scope.strSpacing %></label></div>
         <div>
-            <div style="display: inline-block;">
+            <div style="display: inline-block;margin-right: 3px;">
                 <label class="input-label"><%= scope.strIndentsSpacingBefore %></label>
                 <div id="paragraphadv-spin-spacing-before"></div>
-            </div>
-            <div style="display: inline-block;">
+            </div><!--
+         --><div style="display: inline-block;margin-right: 3px;">
                 <label class="input-label"><%= scope.strIndentsSpacingAfter %></label>
                 <div id="paragraphadv-spin-spacing-after"></div>
-            </div>
-            <div style="display: inline-block;">
+            </div><!--
+         --><div style="display: inline-block;">
                 <div>
                     <label class="input-label"><%= scope.strIndentsLineSpacing %></label>
                 </div>
                 <div>
-                    <div id="paragraphadv-spin-line-rule" style="display: inline-block;"></div>
-                    <div id="paragraphadv-spin-line-height" style="display: inline-block;"></div>
+                    <div id="paragraphadv-spin-line-rule" style="display: inline-block;margin-right: 3px;"></div><!--
+                 --><div id="paragraphadv-spin-line-height" style="display: inline-block;"></div>
                 </div>
             </div>
         </div>
diff --git a/apps/spreadsheeteditor/main/app/template/ParagraphSettingsAdvanced.template b/apps/spreadsheeteditor/main/app/template/ParagraphSettingsAdvanced.template
index 65ce45a2a..27d81c1e0 100644
--- a/apps/spreadsheeteditor/main/app/template/ParagraphSettingsAdvanced.template
+++ b/apps/spreadsheeteditor/main/app/template/ParagraphSettingsAdvanced.template
@@ -8,41 +8,41 @@
         </div>
         <div style="padding-bottom: 4px;"><label class="header"><%= scope.strIndent %></label></div>
         <div>
-            <div class="padding-large" style="display: inline-block;">
+            <div class="padding-large" style="display: inline-block;margin-right: 3px;">
                 <label class="input-label"><%= scope.strIndentsLeftText %></label>
                 <div id="paragraphadv-spin-indent-left"></div>
-            </div>
-            <div class="padding-large" style="display: inline-block;">
+            </div><!--
+         --><div class="padding-large" style="display: inline-block;margin-right: 3px;">
                 <label class="input-label"><%= scope.strIndentsRightText %></label>
                 <div id="paragraphadv-spin-indent-right"></div>
-            </div>
-            <div class="padding-large" style="display: inline-block;">
+            </div><!--
+         --><div class="padding-large" style="display: inline-block;">
                 <div>
                     <label class="input-label"><%= scope.strIndentsSpecial %></label>
                 </div>
                 <div>
-                    <div id="paragraphadv-spin-special" style="display: inline-block;"></div>
-                    <div id="paragraphadv-spin-special-by" style="display: inline-block;"></div>
+                    <div id="paragraphadv-spin-special" style="display: inline-block;margin-right: 3px;"></div><!--
+                 --><div id="paragraphadv-spin-special-by" style="display: inline-block;"></div>
                 </div>
             </div>
         </div>
         <div style="padding-bottom: 4px;"><label class="header"><%= scope.strSpacing %></label></div>
         <div>
-            <div style="display: inline-block;">
+            <div style="display: inline-block;margin-right: 3px;">
                 <label class="input-label"><%= scope.strIndentsSpacingBefore %></label>
                 <div id="paragraphadv-spin-spacing-before"></div>
-            </div>
-            <div style="display: inline-block;">
+            </div><!--
+         --><div style="display: inline-block;margin-right: 3px;">
                 <label class="input-label"><%= scope.strIndentsSpacingAfter %></label>
                 <div id="paragraphadv-spin-spacing-after"></div>
-            </div>
-            <div style="display: inline-block;">
+            </div><!--
+         --><div style="display: inline-block;">
                 <div>
                     <label class="input-label"><%= scope.strIndentsLineSpacing %></label>
                 </div>
                 <div>
-                    <div id="paragraphadv-spin-line-rule" style="display: inline-block;"></div>
-                    <div id="paragraphadv-spin-line-height" style="display: inline-block;"></div>
+                    <div id="paragraphadv-spin-line-rule" style="display: inline-block;margin-right: 3px;"></div><!--
+                 --><div id="paragraphadv-spin-line-height" style="display: inline-block;"></div>
                 </div>
             </div>
         </div>