From 5653112f5e8f6c6edbb53d617a060167864b8c12 Mon Sep 17 00:00:00 2001
From: Frances Botsford <frances@edx.org>
Date: Wed, 9 Oct 2013 12:02:09 -0400
Subject: [PATCH] ux cleanup of video and transcript download buttons

---
 cms/static/sass/_variables.scss                   | 1 +
 common/lib/xmodule/xmodule/css/video/display.scss | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/cms/static/sass/_variables.scss b/cms/static/sass/_variables.scss
index 18ecdf7fef..9060d99c38 100644
--- a/cms/static/sass/_variables.scss
+++ b/cms/static/sass/_variables.scss
@@ -179,6 +179,7 @@ $notification-height: ($baseline*10);
 
 // inherited
 $baseFontColor: $gray-d2;
+$lighter-base-font-color: rgb(100,100,100);
 $offBlack: #3c3c3c;
 $green: #108614;
 $lightGrey: #edf1f5;
diff --git a/common/lib/xmodule/xmodule/css/video/display.scss b/common/lib/xmodule/xmodule/css/video/display.scss
index bb7ce9a2bd..75ce1f6c61 100644
--- a/common/lib/xmodule/xmodule/css/video/display.scss
+++ b/common/lib/xmodule/xmodule/css/video/display.scss
@@ -30,17 +30,20 @@ div.video {
   .video-sources,
   .video-tracks {
     display: inline-block;
+    margin: ($baseline*.75) ($baseline/2) 0 0;
 
     p {
-      margin: ($baseline*.75) ($baseline/2) 0 0;
       display: inline-block;
+      margin: 0;
     }
 
     a {
+      @include transition(all 0.25s ease-in-out 0s);
       display: inline-block;
       border-radius: 3px 3px 3px 3px;
       background-color: $white;
       padding: ($baseline*.75);
+      color: $lighter-base-font-color;
 
       &:hover {
         background-color: $blue;