From 521e035bf01f8e9169e6bd0f0b01c9c27d3ec446 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Mon, 22 Oct 2018 18:17:14 +0200
Subject: [PATCH] add vertical space above and below room section

---
 res/css/structures/_RoomSubList.scss     | 2 ++
 src/components/structures/RoomSubList.js | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/res/css/structures/_RoomSubList.scss b/res/css/structures/_RoomSubList.scss
index 21fb202137..d956da25d6 100644
--- a/res/css/structures/_RoomSubList.scss
+++ b/res/css/structures/_RoomSubList.scss
@@ -24,12 +24,14 @@ limitations under the License.
 .mx_RoomSubList_nonEmpty {
     min-height: 80px;
     flex: 1;
+    margin-bottom: 8px;
 }
 
 .mx_RoomSubList_labelContainer {
     display: flex;
     flex-direction: row;
     flex: 0 0 auto;
+    margin: 8px 19px 0 0;
 }
 
 .mx_RoomSubList_label {
diff --git a/src/components/structures/RoomSubList.js b/src/components/structures/RoomSubList.js
index 6410e3af31..0c166a7928 100644
--- a/src/components/structures/RoomSubList.js
+++ b/src/components/structures/RoomSubList.js
@@ -348,7 +348,7 @@ const RoomSubList = React.createClass({
                     {this._getHeaderJsx()}
                 </div>;
             } else {
-                const heightEstimation = (len * 40) + 31;
+                const heightEstimation = (len * 40) + 31 + (8 + 8);
                 const style = {
                     flexGrow: `${heightEstimation}`,
                     maxHeight: `${heightEstimation}px`,