Don't let call room names push out their containers

res/css/views/voip/_CallView.scss

@@ -234,10 +234,19 @@ limitations under the License.
     }
 }
 
+.mx_CallView_header_callInfo {
+    margin-right: 16px;
+}
+
 .mx_CallView_header_roomName {
     font-weight: bold;
     font-size: 12px;
     line-height: initial;
+    height: 15px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    max-width: 116px;
 }
 
 .mx_CallView_header_callTypeSmall {

src/components/views/voip/CallView.tsx

@@ -537,7 +537,7 @@ export default class CallView extends React.Component<IProps, IState> {
                 <AccessibleButton onClick={this.onRoomAvatarClick}>
                     <RoomAvatar room={callRoom} height={32} width={32} />
                 </AccessibleButton>
-                <div>
+                <div className="mx_CallView_header_callInfo">
                     <div className="mx_CallView_header_roomName">{callRoom.name}</div>
                     <div className="mx_CallView_header_callTypeSmall">{callTypeText}</div>
                 </div>