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;