From af0bee78611ed5961587aca86ae9f65fe8be23b9 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Sun, 15 Apr 2018 13:28:15 +0200
Subject: [PATCH] Prevent borders when style manager is opened

---
 src/panels/index.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/panels/index.js b/src/panels/index.js
index d421497..9c2b0e4 100644
--- a/src/panels/index.js
+++ b/src/panels/index.js
@@ -68,6 +68,7 @@ export default (editor, config) => {
     buttons  : [{
       id: osm,
       command: osm,
+      active: true,
       className: 'fa fa-paint-brush',
     },{
       id: otm,
@@ -79,7 +80,6 @@ export default (editor, config) => {
       className: 'fa fa-bars',
     },{
       id: obl,
-      active: true,
       command: obl,
       className: 'fa fa-th-large',
     }],
@@ -102,14 +102,17 @@ export default (editor, config) => {
     className: 'fa fa-mobile',
   }]);
 
+  const openBl = pn.getButton('views', obl);
+  editor.on('load', () => openBl && openBl.set('active', 1));
+
   // On component change show the Style Manager
   config.showStylesOnChange && editor.on('component:selected', () => {
+    const openSmBtn = pn.getButton('views', osm);
     const openLayersBtn = pn.getButton('views', ola);
 
     // Don't switch when the Layer Manager is on or
     // there is no selected component
     if ((!openLayersBtn || !openLayersBtn.get('active')) && editor.getSelected()) {
-      const openSmBtn = pn.getButton('views', osm);
       openSmBtn && openSmBtn.set('active', 1);
     }
   });