From aa6901e69d3e785c9c2fc508798ce96bf9848d2a Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Thu, 12 Apr 2012 15:47:34 -0400
Subject: [PATCH] Small tweeks to the css

---
 static/css/application.css            | 13 +++++++------
 templates/sass/courseware/_video.scss |  8 +++++---
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/static/css/application.css b/static/css/application.css
index 131caee5bc..acff119b11 100644
--- a/static/css/application.css
+++ b/static/css/application.css
@@ -2880,7 +2880,7 @@ section.course-index div#accordion ul.ui-accordion-content li a p.subtitle {
 
 @-moz-document url-prefix() {
   a.add-fullscreen {
-    display: none  !important; } }
+    display: none !important; } }
 
 section.course-content .dullify, section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr, section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls {
   opacity: .4;
@@ -3004,6 +3004,7 @@ section.course-content div.video-subtitles div.video-wrapper section.video-contr
   color: #fff;
   font: bold 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
   margin-bottom: 6px;
+  margin-right: 0;
   padding: 4px;
   text-align: center;
   -webkit-font-smoothing: antialiased;
@@ -3084,8 +3085,8 @@ section.course-content div.video-subtitles div.video-wrapper section.video-contr
   border-right: 1px solid #000;
   display: block;
   cursor: pointer;
-  height: 14px;
-  padding: 16.989px;
+  line-height: 46px;
+  padding: 0 16.989px;
   text-indent: -9999px;
   width: 14px;
   -webkit-transition-property: all;
@@ -3189,9 +3190,9 @@ section.course-content div.video-subtitles div.video-wrapper section.video-contr
   background-color: #444;
   border: 1px solid #000;
   border-bottom: 0;
-  -webkit-box-shadow: inset 1px 0 0 #555555, 0 2px 0 #444444;
-  -moz-box-shadow: inset 1px 0 0 #555555, 0 2px 0 #444444;
-  box-shadow: inset 1px 0 0 #555555, 0 2px 0 #444444;
+  -webkit-box-shadow: inset 1px 0 0 #555555, 0 2px 0 #444444, inset 0 -1px 0 black;
+  -moz-box-shadow: inset 1px 0 0 #555555, 0 2px 0 #444444, inset 0 -1px 0 black;
+  box-shadow: inset 1px 0 0 #555555, 0 2px 0 #444444, inset 0 -1px 0 black;
   left: -1px;
   display: none;
   position: absolute;
diff --git a/templates/sass/courseware/_video.scss b/templates/sass/courseware/_video.scss
index d3975e48d6..c2d99b7199 100644
--- a/templates/sass/courseware/_video.scss
+++ b/templates/sass/courseware/_video.scss
@@ -95,6 +95,7 @@ section.course-content {
             color: #fff;
             font: bold 12px $body-font-family;
             margin-bottom: 6px;
+            margin-right: 0;
             padding: 4px;
             text-align: center;
             -webkit-font-smoothing: antialiased;
@@ -153,8 +154,9 @@ section.course-content {
               border-right: 1px solid #000;
               display: block;
               cursor: pointer;
-              height: 14px;
-              padding: lh(.75);
+              // height: 14px;
+              line-height: 46px;
+              padding: 0 lh(.75);
               text-indent: -9999px;
               width: 14px;
               @include transition();
@@ -241,7 +243,7 @@ section.course-content {
                 background-color: #444;
                 border: 1px solid #000;
                 border-bottom: 0;
-                @include box-shadow(inset 1px 0 0 #555, 0 2px 0 #444);
+                @include box-shadow(inset 1px 0 0 #555, 0 2px 0 #444, inset 0 -1px 0 #000);
                 left: -1px;
                 display: none;
                 position: absolute;