From f9c230414e5184493f8926b2271ab7fcf5e310b4 Mon Sep 17 00:00:00 2001
From: orangemug <info@orangemug.co.uk>
Date: Sun, 27 Oct 2019 18:54:40 +0000
Subject: [PATCH] Fix width of modal.

---
 src/components/modals/SettingsModal.jsx | 2 +-
 src/styles/_modal.scss                  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/modals/SettingsModal.jsx b/src/components/modals/SettingsModal.jsx
index 77d858b..4316317 100644
--- a/src/components/modals/SettingsModal.jsx
+++ b/src/components/modals/SettingsModal.jsx
@@ -85,7 +85,7 @@ class SettingsModal extends React.Component {
       onOpenToggle={this.props.onOpenToggle}
       title={'Style Settings'}
     >
-      <div style={{minWidth: 350}}>
+      <div className="modal-settings">
       <InputBlock label={"Name"} doc={latest.$root.name.doc}>
         <StringInput {...inputProps}
           data-wd-key="modal-settings.name" 
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 2f6b1b7..f15cf79 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -280,3 +280,7 @@
   color: $color-green;
   margin-top: 16px;
 }
+
+.modal-settings {
+  width: 400px;
+}