Fixed toggle cheatsheet not working on component editors.

STUD-1514

common/lib/xmodule/xmodule/css/combinedopenended/edit.scss

@@ -51,14 +51,13 @@
   @include transition(width .3s linear 0s);
 
   &.shown {
-    width: 300px;
+    width: 20%;
     height: 100%;
     overflow-y: scroll;
   }
 
   .cheatsheet-wrapper {
-    width: 240px;
-    padding: 20px 30px;
+    padding: 10%;
   }
 
   h6 {

common/lib/xmodule/xmodule/css/problem/edit.scss

@@ -51,14 +51,13 @@
   @include transition(width .3s linear 0s);
 
   &.shown {
-    width: 300px;
+    width: 20%;
     height: 100%;
     overflow-y: scroll;
   }
 
   .cheatsheet-wrapper {
-    width: 240px;
-    padding: 20px 30px;
+    padding: 10%;
   }
 
   h6 {

common/lib/xmodule/xmodule/js/src/problem/edit.coffee

@@ -94,6 +94,9 @@ class @MarkdownEditingDescriptor extends XModule.Descriptor
       @cheatsheet = $($('#simple-editor-cheatsheet').html())
       $(@markdown_editor.getWrapperElement()).append(@cheatsheet)
 
+    $(".CodeMirror").css({"overflow": "visible"})
+    $(".modal-content").css({"overflow-y": "visible", "overflow-x": "visible"})
+
     setTimeout (=> @cheatsheet.toggleClass('shown')), 10
 
   ###