Fix alignment of e2e icon in userinfo and expose full displayname in title

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-31 16:14:18 +01:00 · 2020-03-31 16:14:18 +01:00 · eb901441cd
commit eb901441cd
parent 9ed08e76f8
2 changed files with 17 additions and 12 deletions
--- a/src/components/views/right_panel/UserInfo.js
+++ b/src/components/views/right_panel/UserInfo.js
@ -1444,9 +1444,11 @@ const UserInfoHeader = ({onClose, member, e2eStatus}) => {
        <div className="mx_UserInfo_container mx_UserInfo_separator">
            <div className="mx_UserInfo_profile">
                <div>
-                    <h2 aria-label={displayName}>
+                    <h2 title={displayName} aria-label={displayName}>
                        { e2eIcon }
-                        { displayName }
+                        <span>
+                            { displayName }
+                        </span>
                    </h2>
                </div>
                <div>{ member.userId }</div>