PLT-4617 - UI Improvements to webrtc (#4946)

webapp/components/webrtc/webrtc_controller.jsx

@@ -1084,7 +1084,6 @@ export default class WebrtcController extends React.Component {
         let remoteVideoHidden = 'hidden';
         let error;
         let remoteMute;
-        let videoClass = '';
         let localImageHidden = 'webrtc__local-image hidden';
         let remoteImageHidden = 'webrtc__remote-image';
 
@@ -1177,8 +1176,6 @@ export default class WebrtcController extends React.Component {
                 remoteVideoHidden = '';
                 remoteImageHidden = 'webrtc__remote-image hidden';
             }
-        } else {
-            videoClass = 'small';
         }
 
         return (
@@ -1191,10 +1188,7 @@ export default class WebrtcController extends React.Component {
                         toggleSize={this.props.toggleSize}
                     />
                     <div className='post-right__scroll'>
-                        <div
+                        <div id='videos'>
-                            id='videos'
-                            className={videoClass}
-                        >
                             {remoteMute}
                             <div
                                 id='main-video'

webapp/sass/components/_webrtc.scss

@@ -141,7 +141,7 @@
         &.full {
             background: $black;
             border: none;
-            height: 80%;
+            height: 100%;
             max-width: 100% !important;
             right: 0;
             top: 0;
@@ -319,7 +319,7 @@
 
 .sidebar--right--expanded {
     #videos {
-        height: 100%;
+        height: calc(100% - 90px);
         position: absolute;
 
         #main-video {
@@ -333,7 +333,7 @@
     }
 
     .webrtc-buttons {
-        bottom: 5px;
+        bottom: 15px;
         position: absolute;
         width: 100%;
     }