[DE] Add icons, change styles in page thumbnails

apps/documenteditor/main/app/template/LeftMenu.template

@@ -9,7 +9,7 @@
         <button id="left-btn-navigation" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-navigation">&nbsp;</i></button>
         <button id="left-btn-support" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-support">&nbsp;</i></button>
         <button id="left-btn-about" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-about">&nbsp;</i></button>
-        <button id="left-btn-thumbnails" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-thumbnails">&nbsp;</i></button>
+        <button id="left-btn-thumbnails" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-thumbs">&nbsp;</i></button>
     </div>
     <div class="left-panel" style="">
         <!-- /** coauthoring begin **/ -->

apps/documenteditor/main/app/view/PageThumbnails.js

@@ -81,9 +81,9 @@ define([
                 var sizeSettingTemplate = _.template('<div id="thumbnails-size">' +
                     '<label><%= caption %></label>' +
                     '<div class="thumbnails-sld-box">' +
-                        '<span class="menu-item-icon menu__icon thumbnail-small btn-zoomdown"></span>' +
+                        '<span class="menu-item-icon menu__icon thumbnail-small"></span>' +
                         '<div id="sld-thumbnails-size"></div>' +
-                        '<span class="menu-item-icon menu__icon thumbnail-big btn-zoomup"></span>' +
+                        '<span class="menu-item-icon menu__icon thumbnail-big"></span>' +
                     '</div>',
                     '</div>');
 
@@ -94,7 +94,7 @@ define([
                     hint: this.textThumbnailsSettings,
                     menu: new Common.UI.Menu({
                         menuAlign: 'tr-br',
-                        style: 'min-width: 200px;',
+                        style: 'min-width: 198px;',
                         items: [
                             {
                                 caption: this.textThumbnailsSize,

apps/documenteditor/main/resources/less/thumbnails.less

@@ -39,7 +39,7 @@
                 font-size: 11px;
                 font-weight: normal;
                 margin: 0;
-                padding-left: 8px;
+                padding-left: 12px;
                 line-height: 25px;
             }
             .thumbnails-sld-box {
@@ -52,7 +52,18 @@
                 }
                 #sld-thumbnails-size {
                     display: inline-block;
-                    margin: 0 10px;
+                    margin: 0 10px 0 8px;
+                }
+            }
+        }
+
+        .dropdown-menu {
+            li {
+                a {
+                    padding: 5px 20px 5px 33px;
+                    &.checked:before {
+                        margin-left: -24px;
+                    }
                 }
             }
         }