Change location for videos on WebRTC Video chat - refs #7558

main/template/default/chat/video.tpl

@@ -9,7 +9,15 @@
         </p>
     </div>
     <div class="row">
-        <div class="col-md-4">
+        <div class="col-md-8 col-sm-7">
+            <div class="thumbnail video-chat-user">
+                <div id="chat-remote-video"></div>
+                <div class="caption">
+                    <p class="text-muted text-center">{{ "ChatWithXUser"|get_lang|format(chat_user.complete_name) }}</p>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4 col-sm-5">
             <div class="thumbnail">
                 <div id="chat-local-video"></div>
                 <div class="caption">
@@ -36,14 +44,6 @@
                 </div>
             </div>
         </div>
-        <div class="col-md-8">
-            <div class="thumbnail video-chat-user">
-                <div id="chat-remote-video"></div>
-                <div class="caption">
-                    <p class="text-muted text-center">{{ "ChatWithXUser"|get_lang|format(chat_user.complete_name) }}</p>
-                </div>
-            </div>
-        </div>
     </div>
 </div>
 <script>