Move action item to the right

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

@@ -141,7 +141,7 @@ div.shareModalDialog {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
-    bottom: 10px;
+    bottom: 20px;
     right: 20px;
 }
 

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

@@ -58,20 +58,20 @@ div#toolbarRight {
 }
 
 .actionButton {
+    float: right;
     cursor: pointer;
     margin: 0px 10px;
     font-family: Arial, Helvetica, sans-serif;
     user-select: none;
     vertical-align: middle;
     justify-content: center;
-    padding: 10px 34px 10px 34px;
+    padding: 10px 25px;
     font-size: 15px;
     min-width: 64px;
     box-sizing: border-box;
     font-weight: 600;
     border-radius: 9px;
     color: white;    
-    float: right;
     background-color: #ffa800;
 }
 

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

@@ -13,9 +13,6 @@
     <div id="header">
         <div id="toolbar">
             <a href="/c/maps/"><div id="back"></div></a>
-            <div id="mapName" class="buttonContainer">
-                <span>Welcome</span>
-            </div>
             <div id="editTab" class="tabContent">
                 <div id="persist" class="buttonContainer">
                     <div id="save" class="buttonOn">
@@ -88,6 +85,12 @@
                 <div id="export" class="buttonOn">
                     <img src="images/export.svg" />
                 </div>
+                <div id="print" class="buttonOn">
+                    <img src="images/print.svg" />
+                </div>
+                <div id="history" class="buttonOn">
+                    <img src="images/history.svg" />
+                </div>
             </div>
         </div>
     </div>

packages/mindplot/test/playground/map-render/images/history.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/></svg>

packages/mindplot/test/playground/map-render/images/print.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/></svg>