From 163eb9d49f2f5be274ca2e2acc1fbbc3441dfe9b Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Thu, 23 Aug 2012 08:24:54 -0400
Subject: [PATCH] fixed bottom sequence nav buttons and firefox outling bug

---
 .../xmodule/xmodule/css/sequence/display.scss | 42 ++++++++++++-------
 .../course/layout/_courseware_header.scss     |  4 +-
 2 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/common/lib/xmodule/xmodule/css/sequence/display.scss b/common/lib/xmodule/xmodule/css/sequence/display.scss
index 05002e881d..ba8e94f851 100644
--- a/common/lib/xmodule/xmodule/css/sequence/display.scss
+++ b/common/lib/xmodule/xmodule/css/sequence/display.scss
@@ -298,14 +298,16 @@ nav.sequence-bottom {
 
   ul {
     @extend .clearfix;
-    border: 1px solid $border-color;
-    @include border-radius(3px);
     @include inline-block();
-    width: 100px;
+    width: 103px;
 
     li {
       float: left;
-      width: 50%;
+      width: 50px;
+      height: 44px;
+      border: 1px solid #ccc;
+      @include linear-gradient(top, #eee, #ddd);
+      @include box-shadow(0 1px 0 rgba(255, 255, 255, .7) inset);
 
       &.prev, &.next {
         margin-bottom: 0;
@@ -318,38 +320,39 @@ nav.sequence-bottom {
           padding: lh(.5) 4px;
           text-indent: -9999px;
           @include transition(all, .2s, $ease-in-out-quad);
+          outline: 0;
 
           &:hover {
-            background-color: #ddd;
-            color: #000;
             opacity: .5;
-            text-decoration: none;
+            background-position: center 15px;
           }
 
           &.disabled {
             opacity: .4;
           }
+
+          &:focus {
+            outline: 0;
+          }
         }
       }
 
       &.prev {
+        border-radius: 35px 0 0 35px;
+
         a {
           background-image: url('../images/sequence-nav/previous-icon.png');
-          border-right: 1px solid lighten(#c6c6c6, 10%);
-
-          &:hover {
-            background-color: none;
-          }
+          background-position: center 15px;
         }
       }
 
       &.next {
+        border-radius: 0 35px 35px 0;
+        border-left: none;
+
         a {
           background-image: url('../images/sequence-nav/next-icon.png');
-
-          &:hover {
-            background-color: none;
-          }
+          background-position: center 15px;
         }
       }
     }
@@ -360,5 +363,12 @@ div.course-wrapper section.course-content ol.vert-mod > li ul.sequence-nav-butto
   list-style: none !important;
 }
 
+.xmodule_SequenceModule nav.sequence-bottom ul li.next a,
+.xmodule_SequenceModule nav.sequence-bottom ul li.prev a {
+  outline: 0;
 
+  &:focus {
+    outline: 0;
+  }
+}
 
diff --git a/lms/static/sass/course/layout/_courseware_header.scss b/lms/static/sass/course/layout/_courseware_header.scss
index 95af67473a..3122281271 100644
--- a/lms/static/sass/course/layout/_courseware_header.scss
+++ b/lms/static/sass/course/layout/_courseware_header.scss
@@ -86,7 +86,7 @@ header.global.slim {
       height: 40px;
       position: absolute;
       right: 3px;
-      top: -8px;
+      top: 0;
       width: 1px;
     }
 
@@ -97,7 +97,7 @@ header.global.slim {
       height: 40px;
       position: absolute;
       right: 0px;
-      top: -12px;
+      top: 0;
       width: 1px;
     }
   }