From b4ba44a67e1663dd3e2e63db8ea672f7c2d5b1b1 Mon Sep 17 00:00:00 2001
From: catarak <ctarakajian@gmail.com>
Date: Tue, 12 Jul 2016 15:58:11 -0400
Subject: [PATCH] fix editor overflow

---
 client/modules/IDE/components/Editor.js | 3 ++-
 client/styles/layout/_ide.scss          | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/modules/IDE/components/Editor.js b/client/modules/IDE/components/Editor.js
index fa4fe305..70ee4030 100644
--- a/client/modules/IDE/components/Editor.js
+++ b/client/modules/IDE/components/Editor.js
@@ -11,7 +11,8 @@ class Editor extends React.Component {
       value: this.props.file.content,
       lineNumbers: true,
       styleActiveLine: true,
-      mode: 'javascript'
+      mode: 'javascript',
+      lineWrapping: true
     });
     this._cm.on('change', () => { // eslint-disable-line
       // this.props.updateFileContent('sketch.js', this._cm.getValue());
diff --git a/client/styles/layout/_ide.scss b/client/styles/layout/_ide.scss
index ffb6561e..7f78e871 100644
--- a/client/styles/layout/_ide.scss
+++ b/client/styles/layout/_ide.scss
@@ -6,12 +6,13 @@
 }
 
 .editor-holder {
-	flex-grow: 1;
+	flex: 1 0 0;
+  max-width: 45%;
 	height: 100%;
 }
 
 .preview-frame {
-	flex-grow: 1;
+	flex: 1 0 0;
 }
 
 .toolbar {