From 5b7672aa70cb8739f721786c365036f56a1b62e8 Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <julia.radzhabova@onlyoffice.com>
Date: Tue, 12 Apr 2022 00:11:09 +0300
Subject: [PATCH] [PE] Fix style for bullets list

---
 apps/common/main/lib/view/ListSettingsDialog.js | 4 ++--
 apps/common/main/resources/less/combobox.less   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/common/main/lib/view/ListSettingsDialog.js b/apps/common/main/lib/view/ListSettingsDialog.js
index 83403445e..15d7d4cf9 100644
--- a/apps/common/main/lib/view/ListSettingsDialog.js
+++ b/apps/common/main/lib/view/ListSettingsDialog.js
@@ -199,7 +199,7 @@ define([
                     '<li id="<%= item.id %>" data-value="<%= item.value %>"><a tabindex="-1" type="menuitem">',
                     '<%= item.displayValue %>',
                     '<% if (item.value === 0) { %><span style="font-family:<%=item.font%>;"><%=item.symbol%></span>',
-                    '<% } else if (item.value === 2) { %><span id="id-dlg-list-bullet-image-preview" style="width:12px; height: 12px; margin-left: 5px; display: inline-block; vertical-align: middle;"></span><% } %>',
+                    '<% } else if (item.value === 2) { %><span id="id-dlg-list-bullet-image-preview" style="width:12px; height: 12px; margin-left: 4px; margin-bottom: 1px;display: inline-block; vertical-align: middle;"></span><% } %>',
                     '</a></li>',
                     '<% }); %>'
                 ];
@@ -239,7 +239,7 @@ define([
                         if (record.get('value')===_BulletTypes.symbol)
                             formcontrol[0].innerHTML = record.get('displayValue') + '<span style="font-family:' + (record.get('font') || 'Arial') + '">' + record.get('symbol') + '</span>';
                         else if (record.get('value')===_BulletTypes.image) {
-                            formcontrol[0].innerHTML = record.get('displayValue') + '<span id="id-dlg-list-bullet-combo-preview" style="width:12px; height: 12px; margin-left: 5px; display: inline-block; vertical-align: middle;"></span>';
+                            formcontrol[0].innerHTML = record.get('displayValue') + '<span id="id-dlg-list-bullet-combo-preview" style="width:12px; height: 12px; margin-left: 4px; margin-bottom: 1px;display: inline-block; vertical-align: middle;"></span>';
                             var bullet = new Asc.asc_CBullet();
                             bullet.asc_fillBulletImage(me.imageProps.id);
                             bullet.drawSquareImage('id-dlg-list-bullet-combo-preview');
diff --git a/apps/common/main/resources/less/combobox.less b/apps/common/main/resources/less/combobox.less
index d561e6ee7..4b8615ed6 100644
--- a/apps/common/main/resources/less/combobox.less
+++ b/apps/common/main/resources/less/combobox.less
@@ -144,7 +144,7 @@
             -webkit-filter: @img-border-type-filter;
             filter: @img-border-type-filter;
         }
-        canvas {
+        .font-item canvas {
             -webkit-filter: @img-border-type-filter;
             filter: @img-border-type-filter;
         }
@@ -154,7 +154,7 @@
                 -webkit-filter: @img-border-type-filter-selected;
                 filter: @img-border-type-filter-selected;
             }
-            canvas {
+            .font-item canvas {
                 -webkit-filter: @img-border-type-filter-selected;
                 filter: @img-border-type-filter-selected;
             }