diff options
| author | Caio Carrara <ccarrara@thoughtworks.com> | 2016-04-07 14:23:29 -0300 |
|---|---|---|
| committer | Caio Carrara <ccarrara@thoughtworks.com> | 2016-04-07 14:23:29 -0300 |
| commit | 373c9e043b15226dd92c150e6953052ad3d62cfa (patch) | |
| tree | 10557163db7c6c2fc8ae13672be4e53b597c10a0 | |
| parent | 22751f8a4f1172ee8acc43a64561e43bc436328d (diff) | |
Issue #292: put labels on user pub key and email
Since we need always think about our defined personas, it's important to
describe properly the information we put on user interface. This aspect
is more important when we need to show some non trivial information as
the public key fingerprint.
So, this change adds label for both info on user "settings" box, email
and public user fingerprint.
| -rw-r--r-- | web-ui/app/scss/_styles.scss | 15 | ||||
| -rw-r--r-- | web-ui/app/templates/page/user_settings_box.hbs | 2 |
2 files changed, 16 insertions, 1 deletions
diff --git a/web-ui/app/scss/_styles.scss b/web-ui/app/scss/_styles.scss index 510297ef..aacc5dd5 100644 --- a/web-ui/app/scss/_styles.scss +++ b/web-ui/app/scss/_styles.scss @@ -32,6 +32,11 @@ bottom: 33px } + header { + border-bottom: 1px solid white; + margin-bottom: 10px; + } + #user-settings-close { float: right; } @@ -42,6 +47,14 @@ line-height: 1.2em; } + h2 { + font-size: 1.1em; + color: white; + line-height: 1.1em; + display: inline; + margin-left: 5px; + } + i.fa-user { margin-right: 10px; float: left; @@ -54,7 +67,7 @@ } p { - font-size: 1.2em; + font-size: 1.1em; color: $light_orange; } } diff --git a/web-ui/app/templates/page/user_settings_box.hbs b/web-ui/app/templates/page/user_settings_box.hbs index a6b575f2..761bfc16 100644 --- a/web-ui/app/templates/page/user_settings_box.hbs +++ b/web-ui/app/templates/page/user_settings_box.hbs @@ -4,5 +4,7 @@ <h1>User Settings</h1> <i class="shortcut-label"></i> </header> +<i class="fa fa-envelope-o"></i><h2>E-Mail address</h2> <p>{{ account_email }}</p> +<i class="fa fa-key"></i><h2>Public key fingerprint</h2> <p>{{ formatFingerPrint fingerprint }}</p> |