Update style for the icon in layers

src/navigator/view/ItemView.js

@@ -31,6 +31,8 @@ export default Backbone.View.extend({
     const level = this.level + 1;
     const gut = `${30 + level * 10}px`;
     const name = model.getName();
+    const icon = model.getIcon();
+    const clsBase = `${pfx}layer`;
 
     return `
       ${
@@ -44,7 +46,7 @@ export default Backbone.View.extend({
         <div class="${clsTitle}" style="padding-left: ${gut}" data-toggle-select>
           <div class="${pfx}layer-title-inn">
             <i class="${clsCaret}" data-toggle-open></i>
-            ${model.getIcon()}
+            ${icon ? `<span class="${clsBase}__icon">${icon}</span>` : ''}
             <span class="${clsInput}" data-name>${name}</span>
           </div>
         </div>

src/styles/scss/_gjs_layers.scss

@@ -1,3 +1,5 @@
+$layerIconSize: 15px !default;
+
 .#{$nv-prefix} {
   &selected-parent {
     border: 1px solid $colorYell;
@@ -58,7 +60,22 @@
       align-items: center;
 
       &-inn {
+        align-items: center;
         position: relative;
+        display: flex;
+        width: 100%;
+      }
+    }
+
+    &__icon {
+      display: block;
+      width: 100%;
+      max-width: $layerIconSize;
+      max-height: $layerIconSize;
+      padding-left: 5px;
+
+      svg {
+        fill: currentColor;
       }
     }