Merge pull request #145 from MITx/kf-sidebar-buttons

Added fix for the sidebar buttons in the courseware

lms/static/sass/courseware/_sidebar.scss

@@ -52,14 +52,14 @@ section.course-index {
       padding: 1em 1.5em;
 
       li {
-        background: transparent;
+        margin-bottom: lh(.5);
+
+        a {
           border: 1px solid transparent;
+          background: transparent;
           @include border-radius(4px);
-        margin-bottom: lh(.5);
           position: relative;
           padding: 5px 36px 5px 10px;
-
-        a {
           text-decoration: none;
           display: block;
           color: #666;
@@ -74,7 +74,6 @@ section.course-index {
               display: block;
             }
           }
-        }
 
           &:after {
             background: transparent;
@@ -109,32 +108,36 @@ section.course-index {
 
           &:active {
             @include box-shadow(inset 0 1px 14px 0 rgba(0,0,0, 0.1));
-          top: 1px;
 
             &:after {
               opacity: 1;
               right: 15px;
             }
           }
+        }
 
         &.active {
+          font-weight: bold;
+
+          > a {
             background: rgb(240,240,240);
             @include background-image(linear-gradient(-90deg, rgb(245,245,245), rgb(230,230,230)));
             border-color: rgb(200,200,200);
-          font-weight: bold;
 
-          > a p {
+            &:after {
+              opacity: 1;
+              right: 15px;
+            }
+
+            p {
               color: #333;
             }
+          }
 
           span.subtitle {
             font-weight: normal;
           }
 
-          &:after {
-            opacity: 1;
-            right: 15px;
-          }
         }
       }
     }