diff --git a/js/src/views/Account/Header/header.css b/js/src/views/Account/Header/header.css index ede42ed3aac..35ce0a700db 100644 --- a/js/src/views/Account/Header/header.css +++ b/js/src/views/Account/Header/header.css @@ -28,10 +28,16 @@ } .addressline, -.infoline { +.infoline, +.uuidline { line-height: 1.618em; } -.infoline { - color: #aaa; +.infoline, +.uuidline { + opacity: 0.25; +} + +.uuidline { + display: inline-block; } diff --git a/js/src/views/Account/Header/header.js b/js/src/views/Account/Header/header.js index a8c4cd2fc42..9bb135ce7e6 100644 --- a/js/src/views/Account/Header/header.js +++ b/js/src/views/Account/Header/header.js @@ -47,13 +47,17 @@ export default class Header extends Component { render () { const { account, balance } = this.props; - const { address, meta } = account; + const { address, meta, uuid } = account; const { name } = this.state; if (!account) { return null; } + const uuidText = !uuid + ? null + :
uuid: { uuid }
; + return ( { address } + { uuidText }
{ meta.description }