fix statusbar height and behaviour during voip calls

src/skins/vector/css/matrix-react-sdk/structures/RoomStatusBar.css

@@ -15,7 +15,7 @@ limitations under the License.
 */
 
 .mx_RoomStatusBar {
-    margin-top: 15px;
+    margin-top: 10px;
     margin-left: 65px;
     min-height: 34px;
 }
@@ -25,11 +25,17 @@ limitations under the License.
     padding-left: 18px;
     padding-right: 12px;
     margin-left: -73px;
+    margin-top: 13px;
     float: left;
     width: 24px;
     text-align: center;
 }
 
+.mx_RoomStatusBar_callBar {
+    height: 50px;
+    line-height: 50px;
+}
+
 .mx_RoomStatusBar_placeholderIndicator span {
     color: #4a4a4a;
     opacity: 0.5;

src/skins/vector/css/matrix-react-sdk/structures/RoomView.css

@@ -207,7 +207,7 @@ hr.mx_RoomView_myReadMarker {
 .mx_RoomView_statusAreaBox {
     max-width: 960px;
     margin: auto;
-    min-height: 60px;
+    min-height: 50px;
 }
 
 .mx_RoomView_statusAreaBox_line {
@@ -239,6 +239,7 @@ hr.mx_RoomView_myReadMarker {
 .mx_RoomView_voipButton {
     float: right;
     margin-right: 13px;
+    margin-top: 10px;
     cursor: pointer;
 }
 

src/skins/vector/css/matrix-react-sdk/structures/UploadBar.css

@@ -30,6 +30,10 @@ limitations under the License.
     height: 5px;
 }
 
+.mx_UploadBar_uploadProgressInner .mx_RoomView_callStatusBar {
+    background-color: #fff ! important;
+}
+
 .mx_UploadBar_uploadFilename {
     margin-top: 5px;
     margin-left: 65px;
@@ -37,6 +41,10 @@ limitations under the License.
     color: #4a4a4a;
 }
 
+.mx_UploadBar_uploadFilename .mx_RoomView_callStatusBar {
+    color: #fff;
+}
+
 .mx_UploadBar_uploadIcon {
     float: left;
     margin-top: 5px;

src/skins/vector/css/matrix-react-sdk/views/rooms/TabCompleteBar.css

@@ -34,6 +34,8 @@ limitations under the License.
     padding-bottom: 2px;
     margin-bottom: 6px;
     border-radius: 30px;
+    position: relative;
+    top: 1px;
 }
 
 .mx_TabCompleteBar_command .mx_TabCompleteBar_text {