Merge pull request #851 from MITx/feature/tomg/cas-edit-on-top

moved component editor to top

cms/static/sass/_header.scss

@@ -13,6 +13,10 @@ body.no-header {
 	color: #fff;
 	@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(255, 255, 255, 0.05) inset);
 
+	.left {
+		width: 700px;
+	}
+
 	.drop-icon {
 		margin-left: 5px;
 		font-size: 11px;

cms/static/sass/_unit.scss

@@ -75,15 +75,9 @@
       &.editing {
         border-color: #6696d7;
 
-        &:hover {
-          .drag-handle,
-          .component-actions a {
-            background-color: $blue;
-          }
-
-          .drag-handle {
-            border-color: $blue;
-          }
+        .drag-handle,
+        .component-actions {
+          display: none;
         }
       }
 
@@ -234,14 +228,24 @@
     @include edit-box;
     display: none;
     padding: 20px;
-    border-radius: 0 0 3px 3px;
+    border-radius: 2px 2px 0 0;
     @include linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
     background-color: $blue;
     color: #fff;
+    @include box-shadow(none);
 
     .metadata_edit {
       margin-bottom: 20px;
       font-size: 13px;
+
+      li {
+        margin-bottom: 10px;
+      }
+
+      label {
+        display: inline-block;
+        margin-right: 10px;  
+      }
     }
 
     .CodeMirror {
@@ -249,6 +253,7 @@
     }
 
     h3 {
+      margin-bottom: 10px;
       font-size: 18px;
       font-weight: 700;
     }