Add floating logo

Please enter the commit message for your changes. Lines starting

packages/mindplot/test/playground/map-render/css/editor.less

@@ -17,7 +17,8 @@ body {
 }
 
 div#mindplot {
-    position: relative;
+    position: absolute;
+    top: @header-toolbar-height;
     top: 0;
     left: 0;
     width: 100%;
@@ -146,20 +147,21 @@ div.shareModalDialog {
 }
 
 #floating-panel {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    padding: 10px;
+    position: fixed;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
+    bottom: 10px;
+    right: 20px;
 }
 
-#bottom-logo {
+div#bottom-logo {
+    position: fixed;
+    left: 20px;
+    bottom: 10px;
     background: url(../images/logo-text-black.svg) no-repeat;
-    width: 100px;
+    width: 90px;
     height: 40px;
-    margin-top: 20px;
 }
 
 #zoom-button {

packages/mindplot/test/playground/map-render/css/embedded.less

@@ -28,17 +28,6 @@ div#footer {
     left: 0;
 }
 
-div#footerLogo {
-    width: 114px;
-    height: 56px;
-    position: absolute;
-    display: list-item;
-    list-style-image: url(../images/logo-xsmall.png);
-    list-style-position: inside;
-    right: 10px;
-    top: -30px;
-}
-
 div#zoomIn {
     background: url(../images/zoom-in.png) no-repeat left top;
     margin-top: 10px;

packages/mindplot/test/playground/map-render/html/editor.html

@@ -96,8 +96,8 @@
                 <img src="images/minus-icon.svg" />
             </button>
         </div>
-        <div id="bottom-logo"></div>
     </div>
+    <div id="bottom-logo"></div>
 </body>
 
 </html>