mobile: first mobile ui attempts

src/components/dialogs/RouterDialog.jsx

@@ -56,7 +56,7 @@ const draggablePoints = ({ routerCancel, routerSubmit }: Props) => (
 );
 
 export const RouterDialog = ({ routerPoints, routerCancel, routerSubmit, width }: Props) => (
-  <div className="control-dialog" style={{ width }}>
+  <div className="control-dialog control-dialog-big" style={{ width }}>
     {!routerPoints && noPoints({ routerCancel })}
     {routerPoints === 1 && firstPoint({ routerCancel })}
     {routerPoints >= 2 && draggablePoints({ routerCancel, routerSubmit })}

src/components/dialogs/TrashDialog.jsx

@@ -13,11 +13,11 @@ type Props = {
 export const TrashDialog = ({
   clearPoly, clearStickers, clearAll, clearCancel, width,
 }: Props) => (
-  <div className="control-dialog" style={{ width }}>
+  <div className="control-dialog control-dialog-big" style={{ width }}>
     <div className="helper trash-helper">
       <div className="helper__text danger">
         <Icon icon="icon-trash-4" />
-        <div className="big upper">Удалить:</div>
+        <div className="big upper desktop-only">Удалить:</div>
       </div>
       <div className="helper__buttons">
         <div className="button-group">
@@ -28,7 +28,7 @@ export const TrashDialog = ({
             Стикеры
           </div>
           <div className="button router-helper__button" onClick={clearAll}>
-            Удалить все
+            ВСЕ
           </div>
         </div>
         <div className="button primary router-helper__button" onClick={clearCancel}>

src/components/panels/EditorPanel.jsx

@@ -63,13 +63,11 @@ class Component extends React.PureComponent<Props, void> {
             <UserLocation />
           </div>
 
-          <div className="status-bar padded">
+          <div className="status-bar padded desktop-only">
             {distance} км&nbsp;
             <Icon icon="icon-cycle" size={32} />
             {
-              <span>{
-                toHours(estimated)
-              }</span>
+              <span>{toHours(estimated)}</span>
             }
           </div>
         </div>
@@ -143,6 +141,7 @@ class Component extends React.PureComponent<Props, void> {
               className={classnames({ primary: changed, disabled: !changed })}
               onClick={this.startSaveMode}
             >
+              <span className="desktop-only">СХОРОНИТЬ</span>
               <Icon icon="icon-check-1" />
             </button>
           </div>