Fix video element's background in video chat - refs #7558

app/Resources/public/css/base.css

@@ -6191,13 +6191,12 @@ a.sessionView {
   font-size: 20px;
   border-bottom: 1px solid #E5E5E5;
 }
-#chat-video-panel #chat-remote-video.user-video{
-    background: url(../../main/img/icons/128/camera-webrtc.png) no-repeat center center #ECF0F1;
-    min-height: 560px;
-}
-#chat-video-panel #chat-local-video.user-video{
-    background: url(../../main/img/icons/128/camera-webrtc.png) no-repeat center center #ECF0F1;
-    min-height: 250px;
+#chat-video-panel #chat-local-video video,
+#chat-video-panel #chat-remote-video video {
+    background-color: #FFF;
+    background-image: url("../../main/img/icons/128/camera-webrtc.png");
+    background-position: center center;
+    background-repeat: no-repeat;
 }
 #listFriends .list-group-item{
   border: none;

main/template/default/chat/video.tpl

@@ -1,7 +1,7 @@
 <div id="chat-video-panel">
     <div class="row">
         <div class="col-md-4">
-            <div class="user-video" id="chat-local-video"></div>
+            <div id="chat-local-video"></div>
             <div class="username-local">
                 {% if user_local.user_is_online_in_chat == 1 %}
                     <img src="{{ 'online.png' | icon(16) }}" />
@@ -31,7 +31,7 @@
             </div>
         </div>
         <div class="col-md-8">
-            <div class="user-video" id="chat-remote-video"></div>
+            <div id="chat-remote-video"></div>
             <div class="chat-user-remote">{{ "ChatWithXUser"|get_lang|format(chat_user.complete_name) }}</div>
         </div>
     </div>