addressing review feedback

cms/static/sass/elements/_modal-window.scss

@@ -17,6 +17,7 @@
     text-align: left;
 
     .modal-content {
+      position: relative;
       box-shadow: 0 0 3px $shadow-d1;
       background-color: $white;
       padding: 5%;
@@ -106,6 +107,7 @@
   // large modals - component editors and interactives
   .modal-lg {
     width: 75%;
+    min-width: ($baseline*27.5);
     height: auto;
 
     &.modal-editor {
@@ -114,12 +116,12 @@
         margin: ($baseline/4) ($baseline/2);
 
         .title {
-          width: 48%;
+          width: 47%;
           display: inline-block;
         }
 
         .editor-modes {
-          width: 49%;
+          width: 48%;
           display: inline-block;
           text-align: right;
 
@@ -173,7 +175,7 @@
   .modal-window {
 
     .CodeMirror {
-      height: 100%;
+      height: 365px;
     }
 
     .wrapper-comp-settings {
@@ -205,29 +207,34 @@
           left: 10% !important;
         }
 
-        .modal-content {
-          padding: 2%;
+        .modal-header {
+          margin: ($baseline/2) 2%;
 
           .title {
             width: auto;
+            margin: 0 0 ($baseline/4) 0;
           }
 
           .editor-modes {
             display: none;
           }
+        }
 
-          input[type="file"] {
-            margin: $baseline 0;
-          }
+        .modal-content {
+          padding: 2%;
 
           .message {
-            margin: 0 0 $baseline 0;
+            margin: 0 ($baseline/4) ($baseline/4) ($baseline/4);
           }
 
-          .modal-actions {
-            padding: ($baseline/2) 0;
+          input[type="file"] {
+            margin: 0;
           }
         }
+
+        .modal-actions {
+          padding: ($baseline/2) 0;
+        }
       }
     }
 

cms/static/sass/elements/_xblocks.scss

@@ -61,6 +61,10 @@
     margin: 0 ($baseline/4);
     height: ($baseline*1.25);
     width: $baseline;
+
+    &:focus {
+      outline: 0;
+    }
   }
 
   .action-view {