diff --git a/res/css/views/rooms/_MemberInfo.pcss b/res/css/views/rooms/_MemberInfo.pcss index cc5ea79f83..a1fc656598 100644 --- a/res/css/views/rooms/_MemberInfo.pcss +++ b/res/css/views/rooms/_MemberInfo.pcss @@ -76,6 +76,12 @@ limitations under the License. .mx_MemberInfo_container { margin: 0 16px 16px 16px; + + &.mx_MemberInfo_container--profile { + margin-bottom: 16px; + font-size: $font-15px; + position: relative; + } } .mx_MemberInfo_avatar { @@ -95,23 +101,11 @@ limitations under the License. } } -.mx_MemberInfo_profile { - margin-bottom: 16px; -} - -.mx_MemberInfo_profileField { - font-size: $font-15px; - position: relative; -} - -.mx_MemberInfo_buttons { - margin-bottom: 16px; -} - .mx_MemberInfo_field { cursor: pointer; font-size: $font-15px; color: $primary-content; margin-left: 8px; + margin-bottom: 16px; line-height: $font-23px; } diff --git a/src/components/views/rooms/ThirdPartyMemberInfo.tsx b/src/components/views/rooms/ThirdPartyMemberInfo.tsx index 1564549257..3a17f62eee 100644 --- a/src/components/views/rooms/ThirdPartyMemberInfo.tsx +++ b/src/components/views/rooms/ThirdPartyMemberInfo.tsx @@ -127,11 +127,9 @@ export default class ThirdPartyMemberInfo extends React.Component

{_t("Admin Tools")}

-
- - {_t("Revoke invite")} - -
+ + {_t("Revoke invite")} + ); } @@ -154,12 +152,8 @@ export default class ThirdPartyMemberInfo extends React.Component

{this.state.displayName}

-
-
-
- {_t("Invited by %(sender)s", { sender: this.state.senderName })} -
-
+
+ {_t("Invited by %(sender)s", { sender: this.state.senderName })}
{adminTools}
diff --git a/test/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap b/test/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap index 993fe5c958..35fd6b6356 100644 --- a/test/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap +++ b/test/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap @@ -20,17 +20,9 @@ exports[` should render invite 1`] = `
-
-
- Invited by Alice DisplayName -
-
+ Invited by Alice DisplayName
@@ -56,17 +48,9 @@ exports[` should render invite when room in not availabl
-
-
- Invited by Alice DisplayName -
-
+ Invited by Alice DisplayName