From 2a85b2271c80b2e61a0b8c797250d7fa23395168 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Thu, 15 Sep 2016 02:44:34 +0100
Subject: [PATCH] tweak MemberInfo CSS

---
 .../views/rooms/MemberDeviceInfo.css          | 29 +++++++++++++++----
 .../views/rooms/MemberInfo.css                |  3 +-
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberDeviceInfo.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberDeviceInfo.css
index bba31e3d..44cba9d1 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberDeviceInfo.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberDeviceInfo.css
@@ -26,27 +26,44 @@ limitations under the License.
     text-align: center;
     padding-left: 1em;
     padding-right: 1em;
+    width: 95px;
+    border: 0px;
+    font-size: 14px;
 
     cursor: pointer;
     display: inline;
 }
 
+.mx_MemberDeviceInfo_deviceId {
+    font-size: 13px;
+}
+
+.mx_MemberDeviceInfo_deviceInfo {
+    margin-bottom: 10px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid rgba(0,0,0,0.1);
+}
+
+.mx_MemberDeviceInfo_block,
+.mx_MemberDeviceInfo_unblock {
+    float: right;
+}
+
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_verified,
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_unverified,
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_blocked {
-    width: 17px;
-    border-radius: 17px;
-    text-align: center;
+    float: right;
+    padding-left: 1em;
 }
 
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_verified {
-    color: #76cfa6;
+    color: #76cfa5;
 }
 
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_unverified {
-    color: #b2b2b2;
+    color: #e8bf37;
 }
 
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_blocked {
-    color: #e55e5e;
+    color: #ba6363;
 }
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberInfo.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberInfo.css
index 0ebbe201..59451f43 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberInfo.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberInfo.css
@@ -16,6 +16,7 @@ limitations under the License.
 
 .mx_MemberInfo {
     margin-top: 20px;
+    margin-right: 20px;
     height: 100%;
     overflow-y: auto;
 }
@@ -26,7 +27,7 @@ limitations under the License.
 
 .mx_MemberInfo_cancel {
     float: right;
-    margin-right: 18px;
+    margin-right: 10px;
     cursor: pointer;
 }