Fix position of local container children in older Firefox versions

In older Firefox versions (like Firefox 47, the one used to run the
acceptance tests), when there are one or two participants in the call,
the video, avatar and media indicators of the local container appear
centered on the right edge of the app content wrapper. With more
participants in the call their position is the expected one.

Calls with one or two participants use a special layout to make the
local video larger, and in that case the local container children use an
absolute position which is relative to the app content wrapper (due to
the container also using an absolute position in that case instead of a
relative position like done when there are more participants).

For some reason (maybe related to the app content wrapper being a flex
box) their position is not properly calculated, so their alignment to
the right edge of the app content wrapper must be forced by setting
"right: 0" (which does not interfere with the layout in newer versions).

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>

css/style.scss

@@ -394,6 +394,7 @@ video {
 	max-height: 100% !important;
 	bottom: 0;
 	border-top-right-radius: 3px;
+	right: 0;
 }
 
 .videoContainer.promoted,
@@ -462,11 +463,13 @@ video {
 .participants-1 .videoView .nameIndicator,
 .participants-2 .videoView .nameIndicator {
 	left: initial;
+	right: 0;
 }
 
 .participants-1 .videoView .avatar-container,
 .participants-2 .videoView .avatar-container {
 	left: initial;
+	right: 0;
 }
 
 /* ellipsize name in 1on1 calls */