From 36b08fece745d90782402b3f8445a980d7f9d071 Mon Sep 17 00:00:00 2001
From: Luke Barnard <lukeb@openmarket.com>
Date: Thu, 9 Feb 2017 15:17:03 +0000
Subject: [PATCH] Float the toggle in the top right of MELS

This is so that it stays put when the MELS is toggled.

Added style for a line that appears below "collapse" to indicate start of events.

Not possible to put "collapse" next to the expanded events because of read receipts.
---
 .../views/elements/_MemberEventListSummary.scss | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss
index 7d1b059b3..185886598 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss
+++ b/src/skins/vector/css/matrix-react-sdk/views/elements/_MemberEventListSummary.scss
@@ -14,6 +14,10 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.mx_MemberEventListSummary {
+    position: relative;
+}
+
 .mx_TextualEvent.mx_MemberEventListSummary_summary {
     font-size: 14px;
 }
@@ -31,6 +35,15 @@ limitations under the License.
 }
 
 .mx_MemberEventListSummary_toggle {
-    color:$accent-color;
-    cursor:pointer;
+    color: $accent-color;
+    cursor: pointer;
+    float: right;
+    margin-right: 10px;
+    margin-top: 8px;
+}
+
+.mx_MemberEventListSummary_line {
+    border-bottom: 1px solid $primary-hairline-color;
+    margin-left: 63px;
+    line-height: 30px;
 }