fix sidepanel with grid css

src/editor/extensions/ext-overview_window/ext-overview_window.js

@@ -11,29 +11,20 @@ import { dragmove } from './dragmove/dragmove.js';
 
 export default {
   name: 'overview_window',
-  init ({ _$, isChrome }) {
+  init ({ _$ }) {
     const svgEditor = this;
     const { $id } = svgEditor.svgCanvas;
     const overviewWindowGlobals = {};
-    // Disabled in Chrome 48-, see https://github.com/SVG-Edit/svgedit/issues/26 and
-    // https://code.google.com/p/chromium/issues/detail?id=565120.
-    if (isChrome()) {
-      const verIndex = navigator.userAgent.indexOf('Chrome/') + 7;
-      const chromeVersion = Number.parseInt(navigator.userAgent.substring(verIndex));
-      if (chromeVersion < 49) {
-        return undefined;
-      }
-    }
 
     // Define and insert the base html element.
     const propsWindowHtml =
       '<div id="overview_window_content_pane" style="width:100%; ' +
         'word-wrap:break-word;  display:inline-block; margin-top:20px;">' +
         '<div id="overview_window_content" style="position:relative; ' +
-          'left:12px; top:0px;">' +
+          'left:15px; top:0px;">' +
           '<div style="background-color:#A0A0A0; display:inline-block; ' +
             'overflow:visible;">' +
-            '<svg id="overviewMiniView" width="150" height="100" x="0" ' +
+            '<svg id="overviewMiniView" width="132" height="100" x="0" ' +
               'y="0" viewBox="0 0 4800 3600" ' +
                 'xmlns="http://www.w3.org/2000/svg" ' +
                 'xmlns:xlink="http://www.w3.org/1999/xlink">' +
@@ -47,7 +38,7 @@ export default {
         '</div>' +
       '</div>';
     // eslint-disable-next-line no-unsanitized/method
-    $id("sidepanels").insertAdjacentHTML( 'beforeend', propsWindowHtml );
+    $id("sidepanel_content").insertAdjacentHTML( 'beforeend', propsWindowHtml );
 
     // Define dynamic animation of the view box.
     const updateViewBox = function () {