increasing visibility of tab navigation on site by making focus state very obvious

lms/static/sass/_discussion.scss

@@ -257,7 +257,6 @@ body.discussion {
         font-size: 11px;
         line-height: 16px;
         color: #333;
-        outline: 0;
       }
     }
 
@@ -932,7 +931,6 @@ body.discussion {
       font-size: 11px;
       line-height: 16px;
       color: #333;
-      outline: 0;
     }
 
     .post-search {
@@ -959,7 +957,6 @@ body.discussion {
       font-size: 13px;
       line-height: 20px;
       color: #333;
-      outline: 0;
       cursor: pointer;
       pointer-events: none;
       @include transition(all .2s ease-out);
@@ -1642,7 +1639,6 @@ body.discussion {
     border-radius: 3px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset;
     @include transition(border-color .1s);
-    outline: 0;
 
     &:focus {
       border-color: #4697c1;

lms/static/sass/base/_base.scss

@@ -84,6 +84,10 @@ a:link, a:visited {
   }
 }
 
+a:focus {
+  outline: 3px groove $black;
+}
+
 .content-wrapper {
   width: flex-grid(12);
   margin: 0 auto;

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

@@ -5,7 +5,7 @@ section.course-index {
   border-right: 1px solid $border-color-2;
 
   #open_close_accordion {
-    display: none;
+    //display: none;
   }
 
   header {
@@ -23,7 +23,7 @@ section.course-index {
     h3 {
       @include border-radius(0);
       margin: 0;
-      overflow: hidden;
+      overflow: visible;
 
       &:first-child {
         border: none;

lms/static/sass/shared/_course_object.scss

@@ -66,6 +66,11 @@
         width: 0;
       }
 
+      a {
+        position: relative;
+        display: block;
+      }
+
       a:hover {
         text-decoration: none;
       }