fixes #241

client/modules/IDE/components/Editor.jsx

@@ -191,6 +191,7 @@ class Editor extends React.Component {
         role="main"
         className={editorSectionClass}
       >
+        <header className="editor__header">
           <button
             aria-label="collapse file navigation"
             className="sidebar__contract"
@@ -233,6 +234,7 @@ class Editor extends React.Component {
               <a onClick={this.props.showKeyboardShortcutModal}>Keyboard shortcuts</a>
             </li>
           </ul>
+        </header>
         <div ref="container" className="editor-holder" tabIndex="0">
         </div>
         <EditorAccessibility

client/styles/components/_editor.scss

@@ -80,6 +80,15 @@
   width: #{48 / $base-font-size}rem;
 }
 
+.editor-holder {
+  height: calc(100% - #{29 / $base-font-size}rem);
+  width: 100%;
+  position: absolute;
+}
+
+.editor__header {
+  height: #{29 / $base-font-size}rem;
+}
 
 .editor__options-button {
   @include themify() {

client/styles/layout/_ide.scss

@@ -27,12 +27,6 @@
   min-height: 75vh;
 }
 
-.editor-holder {
-	height: 100%;
-  width: 100%;
-  position: absolute;
-}
-
 .editor-accessibility {
   @extend %hidden-element;
 }

client/styles/vendors/_codemirror.scss

@@ -270,7 +270,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
 .CodeMirror-widget {}
 
 .CodeMirror-code {
-  margin-bottom: 1em;
   outline: none;
 }