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>
     );