From f376e12f3c82b8ebe01f2dd32eab295e0936e4ce Mon Sep 17 00:00:00 2001
From: SleepWalker <mybox@udf.su>
Date: Sat, 27 Aug 2016 13:46:22 +0300
Subject: [PATCH] #189: improve appearance of long emails in forms

---
 src/components/auth/permissions/PermissionsBody.jsx | 2 +-
 src/components/profile/changeEmail/changeEmail.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/auth/permissions/PermissionsBody.jsx b/src/components/auth/permissions/PermissionsBody.jsx
index e58bb44..2f5210d 100644
--- a/src/components/auth/permissions/PermissionsBody.jsx
+++ b/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>
diff --git a/src/components/profile/changeEmail/changeEmail.scss b/src/components/profile/changeEmail/changeEmail.scss
index 54b3b82..e170d3a 100644
--- a/src/components/profile/changeEmail/changeEmail.scss
+++ b/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%;
 }