est time now permanently shown

src/components/panels/EditorPanel.jsx

@@ -51,19 +51,10 @@ export class EditorPanel extends React.PureComponent {
 
         <div className="panel right">
           <div className="control-dist">
-            {(totalDistance > 0)
-              ?
-                <React.Fragment>
               {totalDistance} км
               <Icon icon="icon-cycle" size={32} />
               {
-                    (estimateTime > 0) && (estimateTime > 0) && <span>{toHours(estimateTime)}</span>
+                <span>{toHours(estimateTime)}</span>
-                  }
-                </React.Fragment>
-              :
-                <div onClick={() => editor.changeMode(MODES.ROUTER)}>
-                  <div className="button danger">Начать рисовать</div>
-                </div>
               }
           </div>
 

src/styles/colors.less

@@ -1,2 +1,4 @@
 @blue_primary: #55ddff;
 @blue_secondary: #7137c8;
+
+@router_line: #4597d0;

src/styles/map.less

@@ -10,6 +10,7 @@
 }
 
 .leaflet-vertex-icon, .leaflet-middle-icon {
+  outline: none !important;
   border-radius: 10px;
   opacity :1;
   border: none;

src/styles/router.less

@@ -12,10 +12,25 @@
     width: 20px;
     height: 20px;
     border-radius: 10px;
-    box-shadow: 0 0 0 2px #4597d0;
+    box-shadow: 0 0 0 2px @router_line;
-    margin-left: 10px;
+    position: absolute;
-    margin-top: 10px;
+    left: 10px;
+    top: 10px;
   }
+
+  &:before {
+    content: ' ';
+    display: block;
+    width: 5px;
+    height: 5px;
+    border-radius: 10px;
+    box-shadow: 0 0 0 2px @router_line;
+    background: @router_line;
+    position: absolute;
+    left: 18px;
+    top: 18px;
+  }
+
 }
 
 .router-helper {