Merge branch 'feature/btalbot/cms-settings' of

git@github.com:MITx/mitx.git into feature/dhm/cms-settings

Conflicts:
	cms/static/sass/bourbon
	cms/templates/settings.html
	lms/static/sass/bourbon

cms/static/sass/.gitignore

 *.css
 descriptor
 module
+/bourbon

cms/static/sass/_settings.scss

@@ -135,7 +135,13 @@
       }
 
       &.date {
+        display: block !important;
+      }
 
+      &.time {
+        display: block !important;
+        width: 75px !important;
+        min-width: 75px !important;
       }
 
       &:focus {
@@ -155,6 +161,10 @@
 
     }
 
+    input:disabled + .copy > label, input:disabled + .label {
+      color: $mediumGrey;
+    }
+
 
     .input-default input, .input-default textarea {
       color: $mediumGrey;
@@ -364,6 +374,10 @@
           }  
         }
       }
+
+      .field-additional {
+        margin-left: 204px;       
+      }
     }
 
     // editing controls - adding
@@ -588,6 +602,14 @@
       top: 1px;
       margin-right: 5px;
     }
+
+    .well {
+      padding: 20px;
+      background: $lightGrey;
+      border: 1px solid $mediumGrey;
+      @include border-radius(4px);
+      @include box-shadow(0 1px 1px rgba(0,0,0,0.05) inset)
+    }
   }
 
 
@@ -601,6 +623,7 @@
 
   .grade-controls {
     @include clearfix;
+    width: 642px;
   }
 
   .new-grade-button {
@@ -609,7 +632,7 @@
     display: block;
     width: 29px;
     height: 29px;
-    margin: 4px 10px 0 0;
+    margin: 10px 20px 0 0;
     border-radius: 20px;
     border: 1px solid $darkGrey;
     @include linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
@@ -627,9 +650,9 @@
   }
 
   .grade-slider {
-    float: right;
-    width: 95%;
-    height: 80px;
+    float: left;
+    width: 580px;
+    margin-bottom: 10px;
 
     .grade-bar {
       position: relative;
@@ -702,6 +725,7 @@
           top: 0;
           height: 50px;     
           text-align: right;
+          @include border-radius(2px);
 
           &:hover,
           &.is-dragging {
@@ -737,11 +761,12 @@
           }
 
           &:nth-child(4) {
-            background: #fb336c;
+            background: #ef54a1;
           }
 
-          &:nth-child(5) {
-            background: #ef54a1;
+          &:nth-child(5),
+          &.bar-fail {
+            background: #fb336c;
           }
 
           .letter-grade {