Bump react-ace and specify scrollMargin array

This allows us to emulate css-padding to a certain extent. The downside
being its only activated by an `onscroll` function, ergo, only default
padding until the user scrolls by a pixel at least.

Author: ashmaroli

package.json

@@ -31,7 +31,7 @@
     "lodash": "4.13.1",
     "moment": "2.17.1",
     "react": "15.4.1",
-    "react-ace": "4.1.0",
+    "react-ace": "4.1.5",
     "react-dom": "15.4.1",
     "react-dropzone": "3.10.0",
     "react-notification-system": "0.2.7",

src/components/Editor.js

@@ -34,6 +34,7 @@ class Editor extends Component {
         highlightActiveLine={false}
         className="config-editor"
         fontSize={14}
+        scrollMargin={[15, 15, 15, 15]}
         ref="ace"
         onChange={() => this.handleChange()}
       />