appearance: much more fixes

src/components/panels/EditorDialog.jsx

@@ -46,9 +46,19 @@ export const Component = (props: Props) => {
     || mode === MODES.CONFIRM_CANCEL
   );
 
+  const dialogIsSmall = (
+    mode === MODES.LOGO
+  );
+
   return (
     showDialog &&
-      <div id="control-dialog" style={{ width }}>
+      <div
+        id="control-dialog"
+        style={{
+          width: dialogIsSmall ? 201 : width,
+          right: dialogIsSmall ? 217 : 10,
+        }}
+      >
         { mode === MODES.ROUTER && <RouterDialog {...props} /> }
         { mode === MODES.STICKERS && <StickersDialog {...props} /> }
         { mode === MODES.TRASH && <TrashDialog {...props} /> }

src/components/panels/EditorPanel.jsx

@@ -150,10 +150,10 @@ class Component extends React.PureComponent<Props, void> {
         <div className={classnames('panel right', { active: !editing })}>
           <div className="control-bar">
             <button
-              className={classnames({ active: mode === MODES.SHOTTER })}
+              className={classnames('disabled', { active: mode === MODES.SHOTTER })}
               onClick={this.startShotterMode}
             >
-              <Icon icon="icon-shot-2" />
+              <Icon icon="icon-shot-3" />
               <span>
                 СНИМОК
               </span>

src/components/panels/UserPanel.jsx

@@ -87,6 +87,18 @@ export class Component extends React.PureComponent<Props, void> {
               <UserMenu user={user} userLogout={this.props.userLogout} />
             }
           </div>
+
+          <div className="control-sep" />
+
+          <div className="control-bar">
+            <button
+              className="disabled"
+              // className={classnames({ active: mode === MODES.SHOTTER })}
+              // onClick={this.startShotterMode}
+            >
+              <Icon icon="icon-shot-3" />
+            </button>
+          </div>
         </div>
       </div>
     );

src/components/save/CancelDialog.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 
 import { MODES } from '$constants/modes';
 import { editor } from '$modules/Editor';
+import { Icon } from '$components/panels/Icon';
 
 type Props = {
   stopEditing: Function,
@@ -24,12 +25,12 @@ export class CancelDialog extends React.Component<Props, void> {
   render() {
     return (
       <div className="helper cancel-helper">
-        <div className="helper__text">
-          <div className="big white">Изменения не сохранены!</div>
-          <div className="small gray">Закрыть редактор?</div>
+        <div className="helper__text danger">
+          <Icon icon="icon-cancel-1" />
+          <div className="big upper">Закрыть редактор?</div>
         </div>
         <div className="helper__buttons">
-          <div className="button danger router-helper__button" onClick={this.cancel}>
+          <div className="button router-helper__button" onClick={this.cancel}>
             Удалить измения
           </div>
 

src/components/trash/TrashDialog.jsx

@@ -14,7 +14,7 @@ export const TrashDialog = ({
   <div className="helper trash-helper">
     <div className="helper__text danger">
       <Icon icon="icon-trash-4" />
-      <div className="big upper">Уверены?</div>
+      <div className="big upper">Удалить:</div>
     </div>
     <div className="helper__buttons">
       <div className="button-group">