fix incoming call box

src/components/structures/RoomSubList.js

@@ -515,6 +515,7 @@ var RoomSubList = React.createClass({
                         roomCount={ roomCount }
                         collapsed={ this.props.collapsed }
                         hidden={ this.state.hidden }
+                        incomingCall={ this.props.incomingCall }
                         isIncomingCallRoom={ isIncomingCallRoom }
                         roomNotificationCount={ this.roomNotificationCount() }
                         onClick={ this.onClick }

src/components/structures/RoomSubListHeader.js

@@ -36,6 +36,7 @@ module.exports = React.createClass({
             React.PropTypes.number
         ]),
         collapsed: React.PropTypes.bool.isRequired, // is LeftPanel collapsed?
+        incomingCall: React.PropTypes.object,
         isIncomingCallRoom: React.PropTypes.bool,
         roomNotificationCount: React.PropTypes.array,
         hidden: React.PropTypes.bool,

src/skins/vector/css/matrix-react-sdk/structures/_RoomView.scss

@@ -171,7 +171,7 @@ hr.mx_RoomView_myReadMarker {
 
     max-height: 0px;
     background-color: $primary-bg-color;
-    z-index: 1000;
+    z-index: 5;
     overflow: hidden;
 
     -webkit-transition: all .2s ease-out;
@@ -259,4 +259,4 @@ hr.mx_RoomView_myReadMarker {
 
 .mx_RoomView_ongoingConfCallNotification a {
     color: $accent-fg-color ! important;
-}
+}

src/skins/vector/css/matrix-react-sdk/views/voip/_IncomingCallbox.scss

@@ -25,6 +25,8 @@ limitations under the License.
     margin-top: -3px;
     margin-left: -20px;
     width: 200px;
+    font-weight: initial;
+    text-transform: initial;
 }
 
 .mx_IncomingCallBox_chevron {