diff --git a/src/skins/vector/css/molecules/MemberInfo.css b/src/skins/vector/css/molecules/MemberInfo.css index 31440e9e..6471a86c 100644 --- a/src/skins/vector/css/molecules/MemberInfo.css +++ b/src/skins/vector/css/molecules/MemberInfo.css @@ -18,6 +18,45 @@ limitations under the License. height: 100%; } +.mx_MemberInfo h2 { + margin-top: 6px; +} + .mx_MemberInfo_cancel { float: right; -} \ No newline at end of file + margin-right: 18px; + cursor: pointer; +} + +.mx_MemberInfo_avatar { + clear: both; +} + +.mx_MemberInfo_avatar img { + border-radius: 48px; +} + +.mx_MemberInfo_profileField { + opacity: 0.6; + font-size: 14px; +} + +.mx_MemberInfo_buttons { + margin-top: 18px; +} + +.mx_MemberInfo_field { + cursor: pointer; + width: 100px; + text-align: center; + font-size: 12px; + background-color: #888; + color: #fff; + font-weight: bold; + border-radius: 20px; + padding-left: 6px; + padding-right: 6px; + padding-top: 4px; + padding-bottom: 2px; + margin-bottom: 4px; +} diff --git a/src/skins/vector/css/molecules/MemberTile.css b/src/skins/vector/css/molecules/MemberTile.css index 24dc5dba..cfeaeaee 100644 --- a/src/skins/vector/css/molecules/MemberTile.css +++ b/src/skins/vector/css/molecules/MemberTile.css @@ -18,6 +18,7 @@ limitations under the License. display: table-row; position: relative; color: #454545; + cursor: pointer; } .mx_MemberTile_avatar { diff --git a/src/skins/vector/img/cancel-black.png b/src/skins/vector/img/cancel-black.png new file mode 100644 index 00000000..87dcfd41 Binary files /dev/null and b/src/skins/vector/img/cancel-black.png differ diff --git a/src/skins/vector/views/molecules/MemberInfo.js b/src/skins/vector/views/molecules/MemberInfo.js index 030fb990..b5b2d358 100644 --- a/src/skins/vector/views/molecules/MemberInfo.js +++ b/src/skins/vector/views/molecules/MemberInfo.js @@ -71,7 +71,7 @@ module.exports = React.createClass({ var MemberAvatar = sdk.getComponent('atoms.MemberAvatar'); return (