Fix avatar container height during calls

The absolute position causes the avatar container to have a different
height when the contained div has a text (guest avatars) or not (user
avatars, which use an image); now the flex property is propagated, which
causes the container to always have the same size as the contained div.

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

1 files changed, 5 insertions, 5 deletions

diff --git a/css/video.scss b/css/video.scss
index fa3bab9f8..bd06645b9 100644
--- a/css/video.scss
+++ b/css/video.scss
@@ -85,11 +85,11 @@ video {
 }
 
 .videoContainer .avatar-container {
-	position: absolute;
-	text-align: center;
-	bottom: 44px;
-	left: 0;
-	width: 100%;
+	display: flex;
+	margin-bottom: 50px;
+}
+.videoContainer .avatar-container.hidden {
+	display: none;
 }
 .videoContainer .avatar-container .avatar {
 	display: inline-block;