From 92f1642422f3d9996c0f669a5a848f97237edbcd Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Mon, 6 Feb 2012 15:27:22 -0500
Subject: [PATCH] fixed some more width bugs

---
 sass/_courseware-sequence-nav.scss |  8 ++++----
 sass/_courseware-video.scss        | 16 ++++++++++------
 sass/_courseware.scss              | 11 +++++++++--
 sass/_layout.scss                  |  4 ++--
 4 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/sass/_courseware-sequence-nav.scss b/sass/_courseware-sequence-nav.scss
index abefe47e8f..fb2534c4f5 100644
--- a/sass/_courseware-sequence-nav.scss
+++ b/sass/_courseware-sequence-nav.scss
@@ -47,8 +47,8 @@ nav.sequence-nav {
       border-right: 1px solid darken(#F6EFD4, 10%);
       cursor: pointer;
       display: table-cell;
-      padding: 14px 14px;
-      width: 18px;
+      padding: 14px 4px;
+      width: 28px;
 
       // @media screen and (max-width: 800px) {
       //   padding: 12px 8px;
@@ -124,9 +124,9 @@ nav.sequence-nav {
         border-left: 1px solid darken(#f6efd4, 20%);
         cursor: pointer;
         display: table-cell;
-        padding: 14px;
+        padding: 14px 4px;
         text-indent: -9999px;
-        width: 72px;
+        width: 82px;
 
         &:hover {
           text-decoration: none;
diff --git a/sass/_courseware-video.scss b/sass/_courseware-video.scss
index f8067e703c..45e7777399 100644
--- a/sass/_courseware-video.scss
+++ b/sass/_courseware-video.scss
@@ -62,19 +62,23 @@ section.course-content {
         background: #c2c2c2;
         border: none;
         border-bottom: 1px solid #000;
-        height: 20px;
+        height: 14px;
 
         a.ui-slider-handle {
-          @include border-radius(0);
+          @include border-radius(20px);
+          @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%));
           background: $mit-red url(/static/images/slider-handle.png) center center no-repeat;
           border: 0;
-          border-right: 1px solid darken($mit-red, 20%);
-          border-left: 1px solid darken($mit-red, 20%);
+          border: 1px solid darken($mit-red, 20%);
           cursor: pointer;
           height: 20px;
-          margin: 0;
-          top: 0;
+          margin-left: -10px;
+          top: -4px;
           width: 20px;
+
+          &:focus {
+            outline: none;
+          }
         }
       }
 
diff --git a/sass/_courseware.scss b/sass/_courseware.scss
index bda3e5fecc..e71cebaf1e 100644
--- a/sass/_courseware.scss
+++ b/sass/_courseware.scss
@@ -109,9 +109,10 @@ div.course-wrapper {
         display: table-cell;
         vertical-align: top;
 
-        @media screen and (max-width:980px) {
+        @media screen and (max-width:1020px) {
           display: block;
           width: auto;
+          border-right: 0;
         }
       }
 
@@ -120,9 +121,10 @@ div.course-wrapper {
         width: flex-grid(7, 9);
         padding-left: flex-gutter(9);
 
-        @media screen and (max-width:910px) {
+        @media screen and (max-width:1020px) {
           display: block;
           width: auto;
+          padding: 0;
         }
 
         span {
@@ -186,6 +188,11 @@ div.course-wrapper {
     section.problems-wrapper {
       display: table;
       width: 100%;
+
+      @media screen and (max-width:1020px) {
+        display: block;
+        width: auto;
+      }
     }
 
     ol.vert-mod {
diff --git a/sass/_layout.scss b/sass/_layout.scss
index 3ccca17f4d..6984531ff9 100644
--- a/sass/_layout.scss
+++ b/sass/_layout.scss
@@ -21,12 +21,12 @@ html {
         padding: 0 $body-line-height;
 
         hgroup {
-          float: left;
           @extend .clearfix;
+          float: left;
 
           h1 {
             border-right: 1px solid darken($mit-red, 5%);
-            color: darken($mit-red, 20%);
+            color: darken($mit-red, 25%);
             font-size: 20px;
             font-weight: 800;
             margin: 0 lh() 0 0;