unit publishing widget cleanup

cms/static/sass/elements/_modules.scss

@@ -22,10 +22,16 @@
     padding: ($baseline*.75) ($baseline*.75) $baseline ($baseline*.75);
 
     .title {
-      @extend %t-title7;
-      margin-bottom: ($baseline/2);
+      @extend %t-title8;
+      margin-bottom: ($baseline/4);
       font-weight: 600;
-      color: $gray-d1;
+      color: $gray-l2;
+      text-transform: uppercase;
+    }
+
+    .meta {
+      @extend %t-copy-sub2;
+      color: $gray-l1;
     }
   }
 }
@@ -40,7 +46,6 @@
   }
 }
 
-
 // green bar and title bg version
 %bar-module-green {
   @extend %bar-module;
@@ -51,7 +56,6 @@
   }
 }
 
-
 // yellow bar and title bg version
 %bar-module-yellow {
   @extend %bar-module;
@@ -62,8 +66,6 @@
   }
 }
 
-
-
 // red bar and title bg version
 %bar-module-red {
   @extend %bar-module;
@@ -74,6 +76,16 @@
   }
 }
 
+// black bar and title bg version
+%bar-module-black {
+  @extend %bar-module;
+  border-top: 5px solid $black;
+
+  .bar-mod-title {
+    background-color: $gray-l4;
+  }
+}
+
 // Add new component menu with big green buttons
 // outermost wrapper for add a new component menu
 .add-xblock-component {

cms/static/sass/views/_container.scss

@@ -117,7 +117,7 @@
       }
 
       &.staff-only {
-        @extend %bar-module;
+        @extend %bar-module-black;
       }
 
       .bar-mod-content {
@@ -125,15 +125,7 @@
         padding: ($baseline/2) ($baseline*.75) ($baseline*.75) ($baseline*.75);
 
         .title {
-          @extend %t-title8;
           margin-bottom: ($baseline/10);
-          text-transform: uppercase;
-          color: $gray-l3;
-        }
-
-        .meta {
-          @extend %t-copy-sub2;
-          color: $gray-l1;
         }
       }
 
@@ -156,8 +148,14 @@
       .wrapper-visibility {
 
         .copy {
+          margin-bottom: ($baseline/10);
           font-weight: 600;
         }
+
+        .action-inline [class^="icon-"] {
+          margin: 0 ($baseline/4);
+
+        }
       }
 
       .wrapper-pub-actions {
@@ -218,7 +216,6 @@
         .unit-id-value {
           @extend %t-copy-sub1;
           display: inline-block;
-          margin: ($baseline/4) 0;
         }
 
         .tip {
@@ -235,7 +232,7 @@
           display: none;
         }
 
-        // need to explicitly set this since the html sturcture is different than the others
+        // need to explicitly set this since the html structure is different than the others
         .section-name:hover {
           background: $blue-l5;
           color: $blue;