moved panel left

src/components/panels/EditorPanel.jsx

@@ -38,6 +38,9 @@ export class EditorPanel extends React.PureComponent {
               <span>РЕДАКТОР</span>
             </button>
           </div>
+        </div>
+
+        <div className="panel right">
           <div className="control-dist">
             {(totalDistance > 0)
               ?
@@ -48,12 +51,10 @@ export class EditorPanel extends React.PureComponent {
                   (estimateTime > 0) && (estimateTime > 0) && <span>{toHours(estimateTime)}</span>
                 }
               </React.Fragment>
-              : <div>Начните рисовать --&gt;</div>
+              : <div onClick={() => editor.changeMode(MODES.ROUTER)}>Начнать рисовать</div>
             }
           </div>
-        </div>
 
-        <div className="panel right">
           <div className="control-bar">
             <button
               className={classnames({ active: mode === MODES.ROUTER })}

src/styles/panel.less

@@ -11,7 +11,7 @@
   padding: 0 10px;
   display: flex;
   align-items: center;
-  border-radius: 0 3px 3px 0;
+  border-radius: 3px 0 0 3px;
   font-weight: 200;
   color: #cccccc;
   user-select: none;