diff --git a/res/css/views/rooms/_MemberList.scss b/res/css/views/rooms/_MemberList.scss index be58db43ae..90667d41b4 100644 --- a/res/css/views/rooms/_MemberList.scss +++ b/res/css/views/rooms/_MemberList.scss @@ -70,15 +70,11 @@ limitations under the License. } } - - .mx_MemberList_wrapper { padding: 10px; } - -.mx_MemberList_invite, -.mx_RightPanel_invite { +.mx_MemberList_invite { flex: 0 0 auto; position: relative; background-color: $button-bg-color; @@ -88,11 +84,6 @@ limitations under the License. justify-content: center; color: $button-fg-color; font-weight: 600; - - .mx_RightPanel_icon { - padding-right: 5px; - padding-top: 2px; - } } .mx_MemberList_invite.mx_AccessibleButton_disabled { @@ -107,3 +98,11 @@ limitations under the License. background-size: 20px; padding: 8px 0 8px 25px; } + +.mx_MemberList_inviteCommunity span { + background-image: url('$(res)/img/icon-invite-people.svg'); +} + +.mx_MemberList_addRoomToCommunity span { + background-image: url('$(res)/img/icons-room-add.svg'); +} diff --git a/src/components/views/groups/GroupMemberList.js b/src/components/views/groups/GroupMemberList.js index b42e325a89..435e457f6c 100644 --- a/src/components/views/groups/GroupMemberList.js +++ b/src/components/views/groups/GroupMemberList.js @@ -211,15 +211,13 @@ export default createReactClass({ let inviteButton; if (GroupStore.isUserPrivileged(this.props.groupId)) { inviteButton = ( - -
- -
-
{ _t('Invite to this community') }
-
); + + { _t('Invite to this community') } + + ); } return ( diff --git a/src/components/views/groups/GroupRoomList.js b/src/components/views/groups/GroupRoomList.js index 5c3e1587db..4d1c56cd5c 100644 --- a/src/components/views/groups/GroupRoomList.js +++ b/src/components/views/groups/GroupRoomList.js @@ -135,13 +135,10 @@ export default createReactClass({ if (GroupStore.isUserPrivileged(this.props.groupId)) { inviteButton = ( -
- -
-
{ _t('Add rooms to this community') }
+ { _t('Add rooms to this community') }
); }