new sequence nav; new courseware sidebar; new textbook styling; fixed gradebook glitch

lms/static/sass/course/_gradebook.scss

@@ -6,6 +6,9 @@ div.gradebook-wrapper {
 
   section.gradebook-content {
     @extend .content;
+    display: block;
+    width: 100%;
+    @include clearfix;
 
     .student-search {
     	padding: 0 20px 0 15px;

lms/static/sass/course/_info.scss

@@ -69,7 +69,7 @@ div.info-wrapper {
   section.handouts {
     @extend .sidebar;
     @include border-radius(0 4px 4px 0);
-    border-right: 0;
+    border-left: 1px solid #ddd;
     @include box-shadow(none);
     font-size: 14px;
 

lms/static/sass/course/_textbook.scss

@@ -1,10 +1,17 @@
 div.book-wrapper {
   @extend .table-wrapper;
 
+  #open_close_accordion {
+    display: none;
+  }
+
   section.book-sidebar {
     @extend .sidebar;
     @extend .tran;
     @include box-sizing(border-box);
+    padding: 10px 0;
+    border-radius: 3px 0 0 3px;
+    border-right: 1px solid #ccc;
 
     ul#booknav {
       font-size: em(14);
@@ -33,7 +40,7 @@ div.book-wrapper {
       li {
         background: none;
         border-bottom: 0;
-        padding-left: lh();
+        padding-left: lh();       
 
         a {
           padding: 0;
@@ -50,7 +57,7 @@ div.book-wrapper {
 
         div.hitarea {
           background-image: url('../images/treeview-default.gif');
-          margin-left: -22px;
+          
           position: relative;
           top: 4px;
 
@@ -63,27 +70,23 @@ div.book-wrapper {
         ul {
           background: none;
           margin-top: lh(.25);
-          border-top: 1px solid $border-color;
           padding-top: lh(.25);
 
           li {
-            padding-bottom: lh(.25);
+            padding-bottom: 10px;
           }
         }
       }
 
       > li {
-        border-bottom: 1px solid $border-color;
-        padding: 7px 7px 7px 30px;
+        padding: 5px 6px;
+        margin: 0 16px 5px 25px;
       }
     }
   }
 
   section.book {
     @extend .content;
-    padding-bottom: 0;
-    padding-right: 0;
-    padding-top: 0;
 
     nav {
       @extend .clearfix;

lms/static/sass/course/base/_extends.scss

@@ -54,7 +54,7 @@ h1.top-header {
    text-transform: none;
    font-family: $sans-serif;
    text-align: left;
-   font-style: italic;
+   font-style: normal;
   }
 
   a {

lms/static/sass/course/courseware/_courseware.scss

@@ -12,6 +12,7 @@ div.course-wrapper {
 
   section.course-content {
     @extend .content;
+    padding-top: 0 !important;
     @include border-radius(0 4px 4px 0);
 
     h1 {
@@ -45,6 +46,7 @@ div.course-wrapper {
     ol.vert-mod {
       padding: 0;
       margin: 0;
+      line-height: 1.4;
 
       > li {
         @extend .clearfix;
@@ -210,3 +212,12 @@ div.course-wrapper {
     }
   }
 }
+
+.xmodule_VideoModule {
+  margin-bottom: 30px;
+
+  
+}
+
+
+

lms/static/sass/course/courseware/_sidebar.scss

@@ -90,8 +90,7 @@ section.course-index {
       li {
         border-bottom: 0;
         @include border-radius(0);
-        margin-bottom: lh(.5);
-        line-height: 1.4;
+        margin-bottom: 4px;
 
         a {
           background: transparent;
@@ -105,20 +104,18 @@ section.course-index {
             font-weight: bold;
             font-family: $sans-serif;
             margin-bottom: 0;
+            line-height: 1.3;
 
             span.subtitle {
               color: #666;
+              font-size: 13px;
               font-weight: normal;
               display: block;
             }
-          }
+          }          
 
           &:hover {
-            &:after {
-              opacity: 1;
-              right: 15px;
-              @include transition();
-            }
+            background: #fff;
 
             > a p {
               color: #333;
@@ -136,12 +133,25 @@ section.course-index {
         }
 
         &.active {
-          font-weight: bold;          
+          font-weight: bold;
+
+          &:after {
+            content: '›';
+            position: absolute;
+            top: 50%;
+            right: 20px;
+            margin-top: -13px;
+            font-size: 30px;
+            font-weight: normal;
+            color: #333;
+            opacity: 0;
+            @include transition();
+          }
 
           > a {
-            border: none;
+            border: 1px solid #bbb;
             @include box-shadow(0 1px 0 rgba(255, 255, 255, .35) inset);
-            @include linear-gradient(top, #ddd, #bbb);
+            @include linear-gradient(top, #e6e6e6, #d6d6d6);
 
             &:after {
               opacity: 1;