fixed some more width bugs

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;

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;
+          }
         }
       }
 

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 {

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;