message: Redesign membership section in GroupView
diff: @@ -524,13 +524,15 @@ export default React.createClass({
  const Spinner = sdk.getComponent("elements.Spinner");
  if (this.state.membershipBusy) {
  - return <div className="mx_GroupView_invitedSection">
  + return <div className="mx_GroupView_membershipSection">
  <Spinner />
  </div>;
  }
  - return <div className="mx_GroupView_invitedSection">
  + return <div className="mx_GroupView_membershipSection mx_GroupView_membershipSection_invited">
  + <div className="mx_GroupView_membershipSection_description">
  {_t("%(inviter)s has invited you to join this group", {inviter: group.inviter.userId})}
  + </div>
  <div className="mx_GroupView_membership_buttonContainer">
  <AccessibleButton className="mx_GroupView_textButton mx_RoomHeader_textButton"
  onClick={this._onAcceptInviteClick}
  @@ -545,15 +547,15 @@ export default React.createClass({
  </div>
  </div>;
  } else if (group.myMembership === 'join') {
  - return <div className="mx_GroupView_invitedSection">
  + return <div className="mx_GroupView_membershipSection mx_GroupView_membershipSection_joined">
  + <div className="mx_GroupView_membershipSection_description">
  {_t("You are a member of this group")}
  - <div className="mx_GroupView_membership_buttonContainer">
  + </div>
  <AccessibleButton className="mx_GroupView_textButton mx_RoomHeader_textButton"
  onClick={this._onLeaveClick}
  >
  {_t("Leave")}
  </AccessibleButton>
  - </div>
  </div>;
  }
  