Merge pull request #15565 from jspayd/caption-centering

Fix video caption centering
2017-09-06 17:38:31 +05:00
parent 0137e38e97 4b733b5657
commit f1c574cf63
1 changed files with 7 additions and 2 deletions
--- a/common/lib/xmodule/xmodule/css/video/display.scss
+++ b/common/lib/xmodule/xmodule/css/video/display.scss
@@ -215,7 +215,8 @@ $cool-dark: rgb(79, 89, 93); // UXPL cool dark
    .closed-captions {
      @include left(5%);
      position: absolute;
-      width: 85%;
+      width: 90%;
+      box-sizing: border-box;
      top: 70%;
      text-align: center;
    }
@@ -715,7 +716,11 @@ $cool-dark: rgb(79, 89, 93); // UXPL cool dark
  &.video-fullscreen {

      .closed-captions {
-          width: 60%;
+          width: 65%;
+      }
+
+      &.closed .closed-captions {
+          width: 90%;
      }
  }