Bug 723051 - The scrubber end position does not show a rounded edge if the thumb is at the end of the video. r=dolske ui-r=shorlander

toolkit/themes/pinstripe/global/media/videocontrols.css

@@ -77,7 +77,7 @@
   /* margin left/right: make bar 8px wide (control width = 28, minus 2 * 10 margin) */
   margin: 0 10px;
   background-color: rgba(255,255,255,.5);
-  border-radius: 4px 4px;
+  border-radius: 2.5px;
 }
 
 .durationBox {
@@ -102,7 +102,7 @@
   /* margin left/right: 1/2 of scrubber thumb width, for overhang. */
   margin: 10px 22px;
   background-color: rgba(255,255,255,.5);
-  border-radius: 4px;
+  border-radius: 2.5px;
 }
 
 .bufferBar,
@@ -122,12 +122,12 @@
    * compositing gives it a different visual appearance.
    */
   background-color: rgba(255,255,255,.5);
-  border-radius: 4px;
+  border-radius: 2.5px;
 }
 
 .progressBar .progress-bar {
   background-color: white;
-  border-radius: 4px 0 0 4px;
+  border-radius: 2.5px;
 }
 
 /* .scale-slider is an element inside the <scale> implementation. */

toolkit/themes/winstripe/global/media/videocontrols.css

@@ -79,7 +79,7 @@
   /* margin left/right: make bar 8px wide (control width = 28, minus 2 * 10 margin) */
   margin: 0 10px;
   background-color: rgba(255,255,255,.5);
-  border-radius: 4px 4px;
+  border-radius: 2.5px;
 }
 
 .durationBox {
@@ -104,7 +104,7 @@
   /* margin left/right: 1/2 of scrubber thumb width, for overhang. */
   margin: 10px 22px;
   background-color: rgba(255,255,255,.5);
-  border-radius: 4px;
+  border-radius: 2.5px;
 }
 
 .bufferBar,
@@ -127,13 +127,13 @@
    * compositing gives it a different visual appearance.
    */
   background-color: rgba(255,255,255,.5);
-  border-radius: 4px;
+  border-radius: 2.5px;
   -moz-appearance: none;
 }
 
 .progressBar .progress-bar {
   background-color: white;
-  border-radius: 4px 0 0 4px;
+  border-radius: 2.5px;
   -moz-appearance: none;
 }