#189: improve appearance of long emails in forms

src/components/auth/permissions/PermissionsBody.jsx

@@ -33,7 +33,7 @@ export default class PermissionsBody extends BaseAuthBody {
                             <Message {...messages.youAuthorizedAs} />
                         </div>
                         <div className={styles.authInfoEmail}>
-                            {user.email}
+                            {user.username}
                         </div>
                     </div>
                 </PanelBodyHeader>

src/components/profile/changeEmail/changeEmail.scss

@@ -66,6 +66,9 @@
 
 .currentAccountEmail {
     text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    line-height: 1.2;
 }
 
 
@@ -77,4 +80,5 @@
     display: inline-block;
     white-space: normal;
     vertical-align: top;
+    max-width: 100%;
 }