From 24b4f5782108f57564f9b13eb2590c3200945075 Mon Sep 17 00:00:00 2001
From: Simon Eisenmann <simon@longsleep.org>
Date: Sat, 19 Apr 2014 15:00:46 +0200
Subject: [PATCH] Overflow styles fixed for audioVideo component.

---
 src/styles/components/_audiovideo.scss | 1 -
 src/styles/components/_webrtc.scss     | 6 +++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/styles/components/_audiovideo.scss b/src/styles/components/_audiovideo.scss
index 256169ad..e71c7e23 100644
--- a/src/styles/components/_audiovideo.scss
+++ b/src/styles/components/_audiovideo.scss
@@ -161,6 +161,5 @@ right:520px;
 @media only screen and (max-width:590px) {
 	#audiovideo {
 		right:0px;
-		z-index:12;
 	}
 }
diff --git a/src/styles/components/_webrtc.scss b/src/styles/components/_webrtc.scss
index 9cb9d56d..6fb46999 100644
--- a/src/styles/components/_webrtc.scss
+++ b/src/styles/components/_webrtc.scss
@@ -80,7 +80,7 @@ transition-duration: 0.5s;
 }
 #localVideo {
 width: 100%;
-height: 100%;
+max-height: 100%;
 opacity: 0;
 transition-property: opacity;
 -webkit-transition-property: opacity;
@@ -88,6 +88,7 @@ transition-duration: 2s;
 -webkit-transition-duration: 2s;
 background: rgba(0,0,0,0.4);
 /*background: red;*/
+display:block;
 }
 #remoteVideos {
 position:absolute;
@@ -105,10 +106,12 @@ transition-duration: 2s;
 #remoteVideos video {
 width:100%;
 height:100%;
+display:block;
 }
 #miniVideo {
 max-height: 100%;
 max-width:100%;
+display:block;
 }
 .remoteVideo {
 display: inline-block;
@@ -118,6 +121,7 @@ vertical-align:bottom;
 position:relative;
 visibility:hidden;
 background: rgba(0,0,0,0.4);
+overflow:hidden;
 }
 .remoteVideo.withvideo {
 visibility:visible;