tweak MemberInfo CSS

ara4n · ara4n · commit 2a85b2271c80 · 2016-09-15T02:44:34.000+01:00
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
@@ -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
@@ -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;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,7 @@ limitations under the License.`
`16`	`16`
`17`	`17`	`.mx_MemberInfo {`
`18`	`18`	`margin-top: 20px;`
	`19`	`+ margin-right: 20px;`
`19`	`20`	`height: 100%;`
`20`	`21`	`overflow-y: auto;`
`21`	`22`	`}`
`@@ -26,7 +27,7 @@ limitations under the License.`
`26`	`27`
`27`	`28`	`.mx_MemberInfo_cancel {`
`28`	`29`	`float: right;`
`29`		`- margin-right: 18px;`
	`30`	`+ margin-right: 10px;`
`30`	`31`	`cursor: pointer;`
`31`	`32`	`}`
`32`	`33`