From 96bb804eb87adfba628e4a92c4221166dc6de42d Mon Sep 17 00:00:00 2001
From: Luke Barnard <lukeb@openmarket.com>
Date: Thu, 21 Sep 2017 15:04:16 +0100
Subject: [PATCH] Redesign membership section of GroupView

---
 .../structures/_GroupView.scss                | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_GroupView.scss b/src/skins/vector/css/matrix-react-sdk/structures/_GroupView.scss
index 70b13599..712a7508 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/_GroupView.scss
+++ b/src/skins/vector/css/matrix-react-sdk/structures/_GroupView.scss
@@ -74,10 +74,6 @@ limitations under the License.
     display: flex;
 }
 
-.mx_GroupView_membership_buttonContainer {
-    margin-top: 10px;
-}
-
 .mx_GroupView_textButton {
     display: inline-block;
 }
@@ -134,14 +130,24 @@ limitations under the License.
     top: 5px;
 }
 
-.mx_GroupView_invitedSection {
-    width: 70%;
-    padding: 20px;
-    border: 1px solid $group-alert-color;
+.mx_GroupView_membershipSection {
     margin-left: auto;
     margin-right: auto;
-    margin-bottom: 20px;
-    text-align: center;
+    margin-bottom: 11px;
+    justify-content: space-between;
+    display: flex;
+    color: $greyed-fg-color;
+}
+
+.mx_GroupView_membershipSection_description {
+    /* To match textButton */
+    line-height: 34px;
+}
+
+.mx_GroupView_membershipSection .mx_GroupView_textButton {
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-left: 8px;
 }
 
 .mx_GroupView_featuredThings {