From 373c9e043b15226dd92c150e6953052ad3d62cfa Mon Sep 17 00:00:00 2001
From: Caio Carrara <ccarrara@thoughtworks.com>
Date: Thu, 7 Apr 2016 14:23:29 -0300
Subject: 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.
---
 web-ui/app/scss/_styles.scss                    | 15 ++++++++++++++-
 web-ui/app/templates/page/user_settings_box.hbs |  2 ++
 2 files changed, 16 insertions(+), 1 deletion(-)

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>
-- 
cgit v1.2.3