Add separate mx_CallView_content class

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

res/css/views/voip/_CallView.scss

@@ -64,14 +64,17 @@ limitations under the License.
     }
 }
 
-.mx_CallView_voice {
+.mx_CallView_content {
     position: relative;
     display: flex;
-    flex-direction: column;
+    border-radius: 8px;
+}
+
+.mx_CallView_voice {
     align-items: center;
     justify-content: center;
+    flex-direction: column;
     background-color: $inverted-bg-color;
-    border-radius: 8px;
 }
 
 .mx_CallView_voice_avatarsContainer {
@@ -108,11 +111,8 @@ limitations under the License.
 .mx_CallView_video {
     width: 100%;
     height: 100%;
-    position: relative;
     z-index: 30;
-    border-radius: 8px;
     overflow: hidden;
-    display: flex;
 }
 
 .mx_CallView_video_hold {

src/components/views/voip/CallView.tsx

@@ -536,6 +536,7 @@ export default class CallView extends React.Component<IProps, IState> {
         if (isOnHold || transfereeCall) {
             if (this.props.call.type === CallType.Video) {
                 const containerClasses = classNames({
+                    mx_CallView_content: true,
                     mx_CallView_video: true,
                     mx_CallView_video_hold: isOnHold,
                 });
@@ -557,6 +558,7 @@ export default class CallView extends React.Component<IProps, IState> {
                 );
             } else {
                 const classes = classNames({
+                    mx_CallView_content: true,
                     mx_CallView_voice: true,
                     mx_CallView_voice_hold: isOnHold,
                 });
@@ -586,6 +588,7 @@ export default class CallView extends React.Component<IProps, IState> {
             // to change anyway - I might take an axe to this file in order to
             // try to get other things working
             const classes = classNames({
+                mx_CallView_content: true,
                 mx_CallView_voice: true,
             });
 
@@ -622,6 +625,7 @@ export default class CallView extends React.Component<IProps, IState> {
             </div>;
         } else {
             const containerClasses = classNames({
+                mx_CallView_content: true,
                 mx_CallView_video: true,
             });