Fix video call container size inconsistencies (#7170)

res/css/views/rooms/_AppsDrawer.scss

@@ -18,7 +18,9 @@ limitations under the License.
 $MiniAppTileHeight: 200px;
 
 .mx_AppsDrawer {
-    margin: 5px 5px 5px 13px;
+    margin: 5px;
+    margin-bottom: 0; // No bottom margin for the correct gap to the CallView below.
+    margin-left: 13px; // 5+8px to compensate for the scroll bar padding on the right.
     position: relative;
     display: flex;
     flex-direction: column;

res/css/views/voip/_CallView.scss

@@ -26,7 +26,7 @@ limitations under the License.
 
 .mx_CallView_large {
     padding-bottom: 10px;
-    margin: 5px 5px 5px 18px;
+    margin: 5px 5px 5px 13px;
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -34,6 +34,10 @@ limitations under the License.
     .mx_CallView_voice {
         flex: 1;
     }
+
+    &.mx_CallView_belowWidget {
+        margin-top: 0;
+    }
 }
 
 .mx_CallView_pip {