From ee3fdbee5b2f80fe9b684cb49ebac3ab9ca6c45d Mon Sep 17 00:00:00 2001
From: Richard van der Hoff <richard@matrix.org>
Date: Sun, 4 Sep 2016 13:31:44 +0100
Subject: [PATCH] e2e device CSS

CSS to make the deviceinfo stuff a little bit closer to the designs
---
 .../views/rooms/MemberDeviceInfo.css              | 15 +++++----------
 .../matrix-react-sdk/views/rooms/MemberInfo.css   |  5 -----
 2 files changed, 5 insertions(+), 15 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 4eef01ce..bba31e3d 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
@@ -15,14 +15,9 @@ limitations under the License.
 */
 
 .mx_MemberDeviceInfo {
-    font-size: 12px;
-    display: table-row;
-    height: 17px;
+    padding: 10px 0px;
 }
 
-.mx_MemberDeviceInfo div {
-    display: table-cell;
-}
 
 .mx_MemberDeviceInfo_textButton {
     color: #fff;
@@ -33,25 +28,25 @@ limitations under the License.
     padding-right: 1em;
 
     cursor: pointer;
+    display: inline;
 }
 
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_verified,
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_unverified,
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_blocked {
-    color: #fff;
     width: 17px;
     border-radius: 17px;
     text-align: center;
 }
 
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_verified {
-    background-color: #76cfa6;
+    color: #76cfa6;
 }
 
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_unverified {
-    background-color: #eca46f;
+    color: #b2b2b2;
 }
 
 .mx_MemberDeviceInfo div.mx_MemberDeviceInfo_blocked {
-    background-color: #e55e5e;
+    color: #e55e5e;
 }
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 57da9faa..4c608815 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
@@ -73,8 +73,3 @@ limitations under the License.
     margin-left: 8px;
     line-height: 23px;
 }
-
-.mx_MemberInfo_devices {
-    display: table;
-    border-spacing: 5px;
-}
\ No newline at end of file