From 1111c03a8aed6eb1670d43e4a1c77b184240d2fc Mon Sep 17 00:00:00 2001
From: luciash d' being <bitbucket@luciash.cz>
Date: Thu, 21 Jan 2016 15:18:38 +0100
Subject: [PATCH] [FIX] not possible to scroll down in some browsers

---
 css/main.css                | 33 +++++++++++++++++----------------
 css/videolayout_default.css | 24 +++++++++++-------------
 2 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/css/main.css b/css/main.css
index 5a937025f..52a5bf518 100644
--- a/css/main.css
+++ b/css/main.css
@@ -10,7 +10,7 @@ html, body{
     font-family:'Helvetica Neue', Helvetica, sans-serif;
     font-weight: 400;
     background: #000000;
-    overflow: hidden;
+    overflow-x: hidden;
 }
 
 .right-panel {
@@ -22,7 +22,7 @@ html, body{
     right: 0px;
     width: 20%;
     max-width: 200px;
-    overflow: hidden;
+    overflow-x: hidden;
     /* background-color:#dfebf1;*/
     background-color:#FFFFFF;
     border-left:1px solid #424242;
@@ -240,29 +240,30 @@ form {
 }
 
 #feedbackButton {
+    bottom: 1em;
+    left: 1em;
     position: absolute;
-    bottom: 60;
-    left: 60;
-    overflow: visible;
-    color: rgba(255,255,255,.50);
 }
 
 div.feedbackButton {
-    display: none;
-    position: absolute;
-    background-color: rgba(0,0,0,.50);
+    background-color: rgba(0, 0, 0, 0.5);
     border-radius: 50%;
-    width: 100px;
-    height: 100px;
-    bottom: -50px;
-    left: -50px;
-    z-index: 100;
+    bottom: 0;
+    font-size: 1em;
+    height: 3em;
+    left: 0;
     overflow: hidden;
-    transition: all .2s ease-in-out;
+    position: absolute;
+    text-align: center;
+    transition: all 0.2s ease-in-out 0s;
+    width: 3em;
+    z-index: 100;
 }
 
 div.feedbackButton:hover {
-    transform: scale(1.3);
+    font-size: 1.25em;
+    height: 3em;
+    width: 3em;
 }
 
 #bottomToolbar {
diff --git a/css/videolayout_default.css b/css/videolayout_default.css
index 02a71eafa..5a38910fb 100644
--- a/css/videolayout_default.css
+++ b/css/videolayout_default.css
@@ -4,27 +4,25 @@
     top: 0px;
     left: 0px;
     right: 0px;
-    overflow: hidden;
+    overflow-x: hidden;
 }
 
 #remoteVideos {
-    display:block;
-    position:absolute;
-    text-align:right;
-    height:196px;
-    padding: 18px;
+    border: 1px solid transparent;
     bottom: 0;
     left: 0;
+    overflow: hidden;
+    padding: 18px;
     right: 20px;
-    width:auto;
-    border:1px solid transparent;
+    text-align: right;
+    transition: padding 2s ease 0s, height 2s ease 0s;
+    width: auto;
     z-index: 5;
-    transition: bottom 2s;
-    overflow: visible !important;
 }
 
-#remotevideos.hidden {
-    bottom: -196px;
+#remoteVideos.hidden {
+    height: 0 !important;
+    padding: 0 18px;
 }
 
 .videocontainer {
@@ -495,4 +493,4 @@
                     0px 1px 1px rgba(0,0,0,0.3),
                     1px 0px 1px rgba(0,0,0,0.3),
                     0px 0px 1px rgba(0,0,0,0.3);
-}
\ No newline at end of file
+}