Studio: addressing outline UI PR feedback:

* correcting visual display of outline UI without content
* temporarily resolving page actions that should be hidden by default

cms/static/sass/_shame.scss

@@ -94,3 +94,19 @@ body b {
 div.wrapper-comp-editor.is-inactive ~ div.launch-latex-compiler{
  display: none;
 }
+
+// ====================
+
+// masthead button hidden states
+.mast.has-actions .nav-actions .button.is-hidden {
+  @extend .is-hidden;
+}
+
+// ====================
+
+// TODOs:
+
+// * font-weight syncing
+// * divorce display: inline-block from base button definitions/placeholders
+// * canned typography class syncing
+

cms/static/sass/views/_outline.scss

@@ -69,21 +69,8 @@
     width: flex-grid(9, 12);
     margin-right: flex-gutter();
 
-    .no-outline-content {
-      @extend %ui-well;
-      padding: ($baseline*2);
-      background-color: $gray-l4;
-      text-align: center;
-      color: $gray;
-
-      .new-button {
-        @include font-size(14);
-        margin-left: $baseline;
-
-        [class^="icon-"] {
-          margin-right: ($baseline/2);
-        }
-      }
+    .no-content {
+      @extend %no-content;
     }
   }
 

cms/templates/js/course-outline.underscore

@@ -101,7 +101,7 @@ if (statusType === 'warning') {
             <p><%= gettext("You haven't added any content to this course yet.") %>
                 <a href="#" class="button button-new" data-category="<%= childCategory %>"
                    data-parent="<%= xblockInfo.get('id') %>" data-default-name="<%= defaultNewChildName %>">
-                    <i class="icon icon-plus"></i><%= addChildLabel %>
+                    <i class="icon-plus"></i><%= addChildLabel %>
                 </a>
             </p>
         </div>