panels: fixed sizes

src/components/dialogs/SaveDialog.jsx

@@ -64,7 +64,7 @@ export class SaveDialog extends React.Component<Props, State> {
     const { host } = getUrlData();
 
     return (
-      <div className="control-dialog" style={{ width }}>
+      <div className="control-dialog control-dialog-medium" style={{ width }}>
         <div className="helper save-helper">
           <div className="save-title">
             <div className="save-title-input">

src/components/dialogs/StickersDialog.jsx

@@ -9,7 +9,7 @@ type Props = {
 };
 
 export const StickersDialog = ({ setActiveSticker, width }: Props) => (
-  <div className="control-dialog" style={{ width }}>
+  <div className="control-dialog control-dialog-big" style={{ width }}>
     <div className="helper stickers-helper">
       {
         Object.keys(STICKERS).map(set => (

src/components/panels/EditorDialog.jsx

@@ -45,9 +45,7 @@ const DIALOG_CONTENTS = {
 };
 
 export const Component = (props: Props) => {
-  const {
-    mode
-  } = props;
+  const { mode } = props;
 
   return (
     (mode && DIALOG_CONTENTS[mode] && React.createElement(DIALOG_CONTENTS[mode], { ...props }))

src/styles/panel.less

@@ -169,6 +169,14 @@
     bottom: auto;
     top: 52px;
   }
+
+  &.control-dialog-big {
+    min-width: 555px;
+  }
+
+  &.control-dialog-medium {
+    min-width: 460px;
+  }
 }
 
 .control-dialog-provider {