Fix Manage Identity identation (decred#860)

* Fix Manage Identity identation * Update GeneralTab.js * Update GeneralTab.js
vibros68 · Nov 7, 2018 · e093efb · e093efb
1 parent 2a693c2
commit e093efb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git 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
@@ -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;