From e093efbb4073af9e678f307377aeb729b88f9459 Mon Sep 17 00:00:00 2001
From: Tiago Alves Dulce <tiagoalvesdulce@outlook.com>
Date: Wed, 7 Nov 2018 10:47:23 -0300
Subject: [PATCH] Fix Manage Identity identation (#860)

* Fix Manage Identity identation

* Update GeneralTab.js

* Update GeneralTab.js
---
 src/components/UserDetail/GeneralTab.js | 4 ++--
 src/style/index.css                     | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/UserDetail/GeneralTab.js b/src/components/UserDetail/GeneralTab.js
index 0d8dae652..d49a6b4bf 100644
--- a/src/components/UserDetail/GeneralTab.js
+++ b/src/components/UserDetail/GeneralTab.js
@@ -233,13 +233,13 @@ class GeneralTab extends React.Component {
           <div>
             {showIdentityHelpText && isUserPageOwner ? (
               <div>
-                <span style={{ fontWeight: "bold", maxWidth: "7em" }}>{this.identityHelpPrompt}</span>{" "}
+                <span style={{ fontWeight: "bold", maxWidth: "7em" }} className="ident-value">{this.identityHelpPrompt}</span>{" "}
                 <a className="linkish" onClick={() => this.setState({ showIdentityHelpText: false })}>
                 (hide)
                 </a>
               </div>
             ) : (
-              <a className="linkish" style={{ maxWidth: "7em" }} onClick={() => this.setState({ showIdentityHelpText: true })}>
+              <a className="linkish ident-value" style={{ maxWidth: "7em" }} onClick={() => this.setState({ showIdentityHelpText: true })}>
                 {this.identityHelpPrompt}
               </a>
             )}
diff --git a/src/style/index.css b/src/style/index.css
index 60ca3a931..0ae45b9a6 100644
--- a/src/style/index.css
+++ b/src/style/index.css
@@ -1360,6 +1360,11 @@ li p.header-3 {
   margin-right: 4px;
   color: #777;
 }
+
+.user-page .detail-form .ident-value {
+  margin-left: 164px; /* field-label width + margin-right */
+}
+
 .user-page .detail-form .field .field-value {
   float: left;
   width: 600px;