Studio: places 'add team member' call to course team view

cms/static/sass/elements/_system-help.scss

@@ -55,8 +55,8 @@
   margin-bottom: $baseline;
 
   .title {
-    @extend .t-title7;
-    margin-bottom: ($baseline/4);
+    @extend .t-title6;
+    margin-bottom: ($baseline/2);
     font-weight: 700;
   }
 
@@ -167,6 +167,34 @@
   }
 }
 
+// particular notice - create
+.notice-create {
+  background-color: $gray-l4;
+
+  .title {
+    color: $gray-d2;
+  }
+
+  .copy {
+    color: $gray-d2;
+  }
+
+  &.has-actions {
+
+    .list-actions {
+
+      .action-item {
+
+      }
+
+      .action-primary {
+        @extend .btn-primary-green;
+        @extend .t-action3;
+      }
+    }
+  }
+}
+
 // particular notice - confirmation
 .notice-confirmation {
   background-color: $green-l5;

cms/static/sass/views/_users.scss

@@ -27,6 +27,36 @@ body.course.users {
     }
   }
 
+  // ELEM: no users notice
+  .content .notice-create {
+    width: flexgrid(9, 9);
+    margin-top: $baseline;
+
+    // CASE: notice has actions {
+    &.has-actions {
+
+      .msg, .list-actions {
+        display: inline-block;
+        vertical-align: middle;
+      }
+
+      .msg {
+        width: flex-grid(6, 9);
+        margin-right: flex-gutter();
+      }
+
+      .list-actions {
+        width: flex-grid(3, 9);
+        text-align: right;
+        margin-top: 0;
+
+        .action-item {
+
+        }
+      }
+    }
+  }
+
 
   // ELEM: new user form
   .wrapper-create-user {

cms/templates/manage_users.html

@@ -19,7 +19,7 @@
       <ul>
         %if allow_actions:
         <li class="nav-item">
-          <a href="#" class="button new-button create-user-button"><i class="icon-plus"></i> ${_("New User")}</a>
+          <a href="#" class="button new-button create-user-button"><i class="icon-plus"></i> ${_("New Team Member")}</a>
         </li>
         %endif
       </ul>
@@ -125,6 +125,23 @@
         </li>
         % endfor
       </ol>
+
+      %if allow_actions:
+      <div class="notice notice-incontext notice-create has-actions">
+        <div class="msg">
+          <h3 class="title">${_('Add Team Members to This Course')}</h3>
+          <div class="copy">
+            <p>${_('[Mark to provide copy] Adding team members helps you author and maintain your course. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.')}</p>
+          </div>
+        </div>
+
+        <ul class="list-actions">
+          <li class="action-item">
+            <a href="#" class="action action-primary button new-button create-user-button"><i class="icon-plus icon-inline"></i> ${_('Add a New Team Member')}</a>
+          </li>
+        </ul>
+      </div>
+      %endif
     </article>
 
     <aside class="content-supplementary" role="complimentary">
@@ -200,14 +217,14 @@
     var $cancelButton = $createUserForm.find('.action-cancel');
     $cancelButton.bind('click', function(e) {
       e.preventDefault();
-      $('.create-user-button').removeClass('is-disabled');
+      $('.create-user-button').toggleClass('is-disabled');
       $createUserFormWrapper.toggleClass('is-shown');
       $('#user-email-input').val('');
     });
 
     $('.create-user-button').bind('click', function(e) {
       e.preventDefault();
-      $(this).addClass('is-disabled');
+      $('.create-user-button').toggleClass('is-disabled');
       $createUserFormWrapper.toggleClass('is-shown');
       $createUserForm.find('#user-email-input').focus();
     });

common/static/sass/_mixins.scss

@@ -205,7 +205,7 @@
 // extends - UI archetypes - well
 .ui-well {
   box-shadow: inset 0 1px 2px 1px $shadow;
-  padding: ($baseline*0.75);
+  padding: ($baseline*0.75) $baseline;
 }
 
 // ====================