Separate the text track container from the media controls

Source/core/css/mediaControls.css

Index: Source/core/css/mediaControls.css
diff --git a/Source/core/css/mediaControls.css b/Source/core/css/mediaControls.css
index f9fbaaa3ee9e644c78e3b9d5be48c956c4e1eefa..af63bdeb438449e226219451f6bce73362d03926 100644
--- a/Source/core/css/mediaControls.css
+++ b/Source/core/css/mediaControls.css
@@ -344,9 +344,9 @@ audio::-webkit-media-controls-fullscreen-volume-max-button, video::-webkit-media
 
 video::-webkit-media-text-track-container {
     position: relative;
-    width: 100%;
+    width: inherit;

[philipj_slow, 2015/02/26 09:51:52]

I think these actually have no effect since the width and height are set
LayoutMedia::layout(). The same is true of the media controls, however.

+    height: inherit;
     overflow: hidden;
-    padding-bottom: 5px;

[philipj_slow, 2015/02/26 09:51:52]

I don't know why this was here.

[fs, 2015/02/26 12:30:51]

I think this may have been used to get a "margin" between the controls and the
cue rendering area. With the approach in the this CL it'd ov course be
unnecessary.

 
     font: 22px sans-serif;
     text-align: center;
@@ -360,8 +360,6 @@ video::-webkit-media-text-track-container {
     pointer-events: none;
     -webkit-user-select: none;
     word-break: break-word;
-
-    flex: 1 1;
 }
 
 video::cue {