From a6966fd651d28b30a153d6fec0e86d9420e339e4 Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Fri, 7 Dec 2018 14:37:44 +0700
Subject: [PATCH] panels: fixed sizes

---
 src/components/dialogs/SaveDialog.jsx     | 2 +-
 src/components/dialogs/StickersDialog.jsx | 2 +-
 src/components/panels/EditorDialog.jsx    | 4 +---
 src/styles/panel.less                     | 8 ++++++++
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/dialogs/SaveDialog.jsx b/src/components/dialogs/SaveDialog.jsx
index 113b166..84a35ba 100644
--- a/src/components/dialogs/SaveDialog.jsx
+++ b/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">
diff --git a/src/components/dialogs/StickersDialog.jsx b/src/components/dialogs/StickersDialog.jsx
index 6937ff3..39d1b82 100644
--- a/src/components/dialogs/StickersDialog.jsx
+++ b/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 => (
diff --git a/src/components/panels/EditorDialog.jsx b/src/components/panels/EditorDialog.jsx
index 4cad345..e236e43 100644
--- a/src/components/panels/EditorDialog.jsx
+++ b/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 }))
diff --git a/src/styles/panel.less b/src/styles/panel.less
index 48d9279..7603856 100644
--- a/src/styles/panel.less
+++ b/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 {