From 7d3caf58e242bb15f3cb81d425132d7fbd544c4c Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Wed, 28 Mar 2012 15:48:30 -0400
Subject: [PATCH] Fixed buttons for most sequnces

---
 static/css/application.css                   | 17 +++++++----------
 templates/sass/courseware/_sequence-nav.scss | 12 +++++-------
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/static/css/application.css b/static/css/application.css
index cd3d240f5c..de30338c52 100644
--- a/static/css/application.css
+++ b/static/css/application.css
@@ -3125,16 +3125,13 @@ nav.sequence-nav ul li.next a {
 nav.sequence-nav ul li.next a:hover {
   background-color: none; }
 
-section.course-content {
-  position: relative; }
 section.course-content div#seq_content {
   margin-bottom: 60px; }
 section.course-content nav.sequence-bottom {
-  position: absolute;
-  bottom: 0;
-  right: 50%;
-  margin-right: -53px; }
+  position: relative;
+  bottom: -22.652px; }
 section.course-content nav.sequence-bottom ul {
+  background-color: #f2e7bf;
   background-color: #f2e7bf;
   border: 1px solid #e4d080;
   border-bottom: 0;
@@ -3143,12 +3140,12 @@ section.course-content nav.sequence-bottom ul {
   -ms-border-radius: 3px 3px 0 0;
   -o-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
-  overflow: hidden;
-  width: 106px;
-  background-color: #f2e7bf;
   -webkit-box-shadow: inset 0 0 0 1px #faf7e9;
   -moz-box-shadow: inset 0 0 0 1px #faf7e9;
-  box-shadow: inset 0 0 0 1px #faf7e9; }
+  box-shadow: inset 0 0 0 1px #faf7e9;
+  margin: 0 auto;
+  overflow: hidden;
+  width: 106px; }
 section.course-content nav.sequence-bottom ul li {
   float: left; }
 section.course-content nav.sequence-bottom ul li.prev, section.course-content nav.sequence-bottom ul li.next {
diff --git a/templates/sass/courseware/_sequence-nav.scss b/templates/sass/courseware/_sequence-nav.scss
index 0ddad37738..fc765c7c09 100644
--- a/templates/sass/courseware/_sequence-nav.scss
+++ b/templates/sass/courseware/_sequence-nav.scss
@@ -232,28 +232,26 @@ nav.sequence-nav {
 
 
 section.course-content {
-  position: relative;
 
   div#seq_content {
     margin-bottom: 60px;
   }
 
   nav.sequence-bottom {
-    position: absolute;
-    bottom: 0;
-    right: 50%;
-    margin-right: -53px;
+    position: relative;
+    bottom: (-(lh()));
 
     ul {
       @extend .clearfix;
       background-color: darken(#F6EFD4, 5%);
+      background-color: darken($cream, 5%);
       border: 1px solid darken(#f6efd4, 20%);
       border-bottom: 0;
       @include border-radius(3px 3px 0 0);
+      @include box-shadow(inset 0 0 0 1px lighten(#f6efd4, 5%));
+      margin: 0 auto;
       overflow: hidden;
       width: 106px;
-      background-color: darken($cream, 5%);
-      @include box-shadow(inset 0 0 0 1px lighten(#f6efd4, 5%));
 
       li {
         float: left;