studio - adjusts visual vertical spacing of save/cancel actions in modal editing…

studio - adjusts visual vertical spacing of save/cancel actions in modal editing windows on unit and page edits.

cms/static/sass/views/_static-pages.scss

@@ -56,7 +56,7 @@ body.course.static-pages {
         background-color: $gray-l6;
 
         .save-button {
-        margin: 15px 8px 0 0;
+        margin: ($baseline/2) 8px 0 0;
         }
       }
     }

cms/static/sass/views/_unit.scss

@@ -464,7 +464,7 @@ body.course.unit {
         background-color: $gray-l6;
 
         .save-button {
-        margin: 15px 8px 0 0;
+        margin: ($baseline/2) 8px 0 0;
         }
       }
 
@@ -487,11 +487,14 @@ body.course.unit {
   //Component Name
   .component-name {
     @extend .t-copy-sub1;
-    color: $white;
     width: 50%;
+    color: $white;
+    font-weight: 600;
 
     em {
-      font-weight: 600;
+      display: inline-block;
+      margin-right: ($baseline/4);
+      font-weight: 400;
       color: $white;
     }
   }
@@ -502,7 +505,7 @@ body.course.unit {
     right: 0;
     top: 0;
     position: absolute;
-    padding: 15px;
+    padding: 12px ($baseline*0.75);
 
     .mode {
       display: inline-block;
@@ -517,15 +520,15 @@ body.course.unit {
         @include blue-button;
 
         &.is-set {
+          @include transition(box-shadow 0.5 ease-in-out);
           @include linear-gradient($blue, $blue);
           color: $blue-d1;
-          box-shadow: inset 0 1px 2px 2px $shadow;
+          box-shadow: inset 0 1px 2px 1px $shadow-l1;
           background-color: $blue-d4;
           cursor: default;
 
           &:hover {
-            box-shadow: inset 0 1px 2px 2px  $shadow;
-            background-color: $blue-d4;
+            box-shadow: inset 0 1px 2px 1px  $shadow;
           }
         }
       }