Re-define videoContainers and videos css rules when screensharing is active.

Signed-off-by: Ivan Sein <ivan@nextcloud.com>

css/style.scss

@@ -206,7 +206,8 @@
 	align-items: flex-end;
 }
 
-.videoContainer {
+.videoContainer,
+#app-content.screensharing .videoContainer {
 	position: relative;
 	width: 100%;
     padding: 0 2%;
@@ -218,6 +219,10 @@
 	z-index: 2;
 }
 
+#app-content.screensharing .videoContainer {
+	max-height: 200px;
+}
+
 video {
 	width: 100%;
 	z-index: 0;
@@ -228,6 +233,12 @@ video {
 	vertical-align: top; /* fix white line below video */
 }
 
+#app-content.screensharing .videoContainer video {
+	max-height: 200px;
+	background-color: transparent;
+	box-shadow: 0;
+}
+
 #screens video {
 	-webkit-filter: none;
 	filter: none;
@@ -405,12 +416,6 @@ video {
 	}
 }
 
-#app-content.screensharing .videoContainer video {
-	max-height: 200px;
-	background-color: transparent;
-	box-shadow: 0;
-}
-
 #app-content.screensharing #screens {
 	position: absolute;
 	width: 100%;