studio - page headers: added view course button to course outline

cms/static/sass/_base.scss

@@ -127,7 +127,7 @@ h1 {
 
       .title {
         float: left;
-        width: flex-grid(5,12);
+        width: flex-grid(6,12);
         margin-right: flex-gutter();
       }
 
@@ -135,7 +135,7 @@ h1 {
         position: relative;
         bottom: -($baseline*0.75);
         float: right;
-        width: flex-grid(4,12);
+        width: flex-grid(6,12);
         text-align: right;
 
         .nav-item {
@@ -158,6 +158,11 @@ h1 {
           font-weight: 700 !important;
         }
 
+        .view-button {
+
+          font-weight: 700 !important;
+        }
+
         .upload-button .icon-create {
           @include font-size(18);
           margin-top: ($baseline/4);
@@ -643,6 +648,26 @@ hr.divide {
   }
 }
 
+.view-button {
+  @include blue-button;
+  @include font-size(13);
+  padding: 8px 20px 10px;
+  text-align: center;
+
+  &.big {
+    display: block;
+  }
+
+  .icon-view {
+    @include font-size(15);
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: ($baseline/2);
+    margin-top: ($baseline/5);
+    line-height: 0;
+  }
+}
+
 .edit-button.standard,
 .delete-button.standard {
   @include font-size(12);

cms/templates/overview.html

@@ -136,6 +136,9 @@
           <li class="nav-item">
             <a href="#" class="button new-button new-courseware-section-button"><i class="ss-icon ss-symbolicons-standard icon icon-create">&#x002B;</i> New Section</a>
           </li>
+          <li class="nav-item">
+            <a href="#" class="button view-button view-course-button"><i class="ss-icon ss-symbolicons-block icon icon-view">&#xE010;</i>View Course</a>
+          </li>
         </ul>
       </nav>
     </header>