diff --git a/static/css/application.css b/static/css/application.css index ff3c3e93e0..bd278eeab4 100644 --- a/static/css/application.css +++ b/static/css/application.css @@ -3751,11 +3751,15 @@ 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 { - bottom: -22.652px; - position: relative; } + position: absolute; + bottom: 0; + left: 50%; + margin-left: -50px; } section.course-content nav.sequence-bottom ul { background-color: #f2e7bf; background-color: #f2e7bf; @@ -3768,10 +3772,7 @@ section.course-content nav.sequence-bottom ul { border-radius: 3px 3px 0 0; -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; - margin: 0 auto; - overflow: hidden; - width: 106px; } + box-shadow: inset 0 0 0 1px #faf7e9; } 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 f2a7aa6741..c7a780a17a 100644 --- a/templates/sass/courseware/_sequence-nav.scss +++ b/templates/sass/courseware/_sequence-nav.scss @@ -235,14 +235,17 @@ nav.sequence-nav { section.course-content { + position: relative; div#seq_content { margin-bottom: 60px; } nav.sequence-bottom { - bottom: (-(lh())); - position: relative; + position: absolute; + bottom: 0; + left: 50%; + margin-left: -50px; ul { @extend .clearfix; @@ -252,9 +255,6 @@ section.course-content { 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; li { float: left;