Number of rooms added to header of sections

src/components/structures/RoomSubList.js

@@ -328,7 +328,7 @@ var RoomSubList = React.createClass({
 
     _getHeaderJsx: function() {
         var TintableSvg = sdk.getComponent("elements.TintableSvg");
-        var classes = classNames({
+        var chevronClasses = classNames({
             'mx_RoomSubList_chevron': true,
             'mx_RoomSubList_chevronUp': this.state.hidden,
             'mx_RoomSubList_chevronRight': !this.state.hidden && this.state.capTruncate,
@@ -337,7 +337,8 @@ var RoomSubList = React.createClass({
         return (
             <div onClick={ this.onClick } className="mx_RoomSubList_label">
                 { this.props.collapsed ? '' : this.props.label }
-                <div className={classes}></div>
+                <div className="mx_RoomSubList_roomCount">{this.props.list.length > 0 ? this.props.list.length : ''}</div>
+                <div className={chevronClasses}></div>
             </div>
         );
     },

src/skins/vector/css/vector-web/structures/RoomSubList.css

@@ -38,6 +38,14 @@ limitations under the License.
     height: 16px;
 }
 
+.mx_RoomSubList_roomCount {
+    display: inline-block;
+    font-size: 12px;
+    font-weight: normal;
+    color: #76cfa6;
+    padding-left: 5px;
+}
+
 .mx_RoomSubList_chevron {
     pointer-events: none;
     position: absolute;