From 17bd32337619998aea5b3448552039847914643f Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Fri, 30 Jun 2017 14:00:17 +0100
Subject: [PATCH] Make Groups page look more like design

---
 .../structures/_MyGroups.scss                 | 27 +++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss b/src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss
index 59908f4d92..9b7871e778 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss
+++ b/src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss
@@ -14,7 +14,30 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_MyGroups_buttonRow {
-    margin-bottom: 20px;
+.mx_MyGroups_joinCreateBox {
+    display: table;
+    margin-bottom: 30px;
 }
 
+.mx_MyGroups_createBox, .mx_MyGroups_joinBox {
+    display: table-cell;
+    width: 40%;
+}
+
+.mx_MyGroups_joinCreateHeader {
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+.mx_MyGroups_joinCreateButton {
+    float: left;
+    margin: 10px;
+}
+
+.mx_MyGroups_joinCreateButton object {
+    pointer-events: none;
+}
+
+.mx_MyGroups_content {
+    clear: left;
+}