From 6951497a161b5ffa84ed5e07c0b42a09cf4c1c6c Mon Sep 17 00:00:00 2001
From: Chris Rodriguez <github@chrisrodriguez.me>
Date: Tue, 10 May 2016 08:23:36 -0400
Subject: [PATCH 1/2] AC-396 updating courseware nav to display correctly on
 high contrast displays

---
 lms/static/sass/course/layout/_courseware_header.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/lms/static/sass/course/layout/_courseware_header.scss b/lms/static/sass/course/layout/_courseware_header.scss
index 6fff2062ea..2a2e1af308 100644
--- a/lms/static/sass/course/layout/_courseware_header.scss
+++ b/lms/static/sass/course/layout/_courseware_header.scss
@@ -12,7 +12,7 @@
     @extend %inner-wrapper;
   }
 
-  ol.course-tabs {
+  .course-tabs {
     @include border-top-radius(4px);
     @include clearfix();
     padding: ($baseline*0.75) 0 ($baseline*0.75) 0;
@@ -41,18 +41,19 @@
         display: block;
         text-align: center;
         text-decoration: none;
-        // text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
 
         &:hover,
         &:focus {
           color: $blue;
-          border-bottom: 3px solid $blue;
+          border-color: $blue;
         }
 
         &.active {
           border-bottom: 3px solid $gray-d4;
           background-color: transparent;
           color: $gray-d4;
+          font-weight: $font-bold;
+          font-size: em(18);
 
           &:hover,
           &:focus {

From 0dcd3d2da2ee386bded800109bf2be4e6c3c9d51 Mon Sep 17 00:00:00 2001
From: Chris Rodriguez <github@chrisrodriguez.me>
Date: Thu, 12 May 2016 14:25:22 -0400
Subject: [PATCH 2/2] Simplifying styles

---
 .../sass/course/layout/_courseware_header.scss     | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/lms/static/sass/course/layout/_courseware_header.scss b/lms/static/sass/course/layout/_courseware_header.scss
index 2a2e1af308..b2fbd68c19 100644
--- a/lms/static/sass/course/layout/_courseware_header.scss
+++ b/lms/static/sass/course/layout/_courseware_header.scss
@@ -32,11 +32,11 @@
         @include border-left(1px solid $gray-d3);
       }
 
-      a {
+      a,
+      a:visited {
         @include padding(($baseline/2), ($baseline*0.75), 13px, ($baseline*0.75));
         @extend %t-title7;
         @extend %t-regular;
-        border-bottom: 3px solid transparent;
         color: $gray-d1;
         display: block;
         text-align: center;
@@ -45,19 +45,17 @@
         &:hover,
         &:focus {
           color: $blue;
-          border-color: $blue;
+          border-bottom: 4px solid $blue;
         }
 
         &.active {
-          border-bottom: 3px solid $gray-d4;
+          border-bottom: 4px solid $blue;
           background-color: transparent;
-          color: $gray-d4;
-          font-weight: $font-bold;
-          font-size: em(18);
+          color: $blue;
 
           &:hover,
           &:focus {
-            color: $gray-d4;
+            color: $blue;
           }
         }
       }