don't scroll sub list header

res/css/structures/_RoomSubList.scss

@@ -15,10 +15,15 @@ limitations under the License.
 */
 
 .mx_RoomSubList {
-    display: table;
+    min-height: 80px;
-    table-layout: fixed;
+    flex: 1;
-    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
 
+.mx_RoomSubList_hidden {
+    flex: 0;
+    min-height: unset;
 }
 
 .mx_RoomSubList_resizer {

res/css/views/rooms/_RoomList.scss

@@ -57,8 +57,3 @@ limitations under the License.
     right: 60px;
 }
 
-.mx_RoomList_itemsSubList {
-    min-height: 80px;
-    flex: 1;
-}
-

src/components/structures/RoomSubList.js

@@ -362,12 +362,22 @@ const RoomSubList = React.createClass({
             }
         }
 
-        if (this.state.sortedList.length > 0 || this.props.extraTiles.length > 0) {
+        const len = this.state.sortedList.length + this.props.extraTiles.length;
-            const subList = this.state.hidden ? undefined : content;
+
-            return <div className={"mx_RoomSubList"}>
+        if (len) {
-                {this._getHeaderJsx()}
+            if (this.state.hidden) {
-                {subList}
+                return <div className={["mx_RoomSubList", "mx_RoomSubList_hidden"]}>
-            </div>;
+                    {this._getHeaderJsx()}
+                </div>;
+            } else {
+                const GeminiScrollbarWrapper = sdk.getComponent("elements.GeminiScrollbarWrapper");
+                return <div className={"mx_RoomSubList"} style={{flexGrow: len}}>
+                    {this._getHeaderJsx()}
+                    <GeminiScrollbarWrapper>
+                        { content }
+                    </GeminiScrollbarWrapper>
+                </div>;
+            }
         } else {
             const Loader = sdk.getComponent("elements.Spinner");
             if (this.props.showSpinner) {

src/components/views/rooms/RoomList.js

@@ -505,13 +505,8 @@ module.exports = React.createClass({
         return ret;
     },
 
-    _collectGemini(gemScroll) {
-        this._gemScroll = gemScroll;
-    },
-
     render: function() {
         const RoomSubList = sdk.getComponent('structures.RoomSubList');
-        const GeminiScrollbarWrapper = sdk.getComponent("elements.GeminiScrollbarWrapper");
 
         // XXX: we can't detect device-level (localStorage) settings onChange as the SettingsStore does not notify
         // so checking on every render is the sanest thing at this time.
@@ -537,10 +532,7 @@ module.exports = React.createClass({
                 const {key, label, ... otherProps} = props;
                 const chosenKey = key || label;
 
-                let subList = <GeminiScrollbarWrapper style={{flexGrow: len}} className={"mx_RoomList_itemsSubList"} key={chosenKey}>
+                let subList = <RoomSubList key={chosenKey} label={label} {...otherProps} />;
-                                { <RoomSubList label={label} {...otherProps} /> }
-                            </GeminiScrollbarWrapper>;
-
                 if (!isLast) {
                     return components.concat(
                         subList,