From ddb0ac3a05bddef70460cb863b3f491c040c3b70 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Fri, 26 Jun 2015 08:19:52 +0200
Subject: [PATCH] Add username to profile view

---
 app/modules/profile/profile-bar/profile-bar.jade |  1 +
 app/modules/profile/styles/profile-bar.scss      | 10 ++++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/modules/profile/profile-bar/profile-bar.jade b/app/modules/profile/profile-bar/profile-bar.jade
index a0c0017d..3c16c794 100644
--- a/app/modules/profile/profile-bar/profile-bar.jade
+++ b/app/modules/profile/profile-bar/profile-bar.jade
@@ -6,6 +6,7 @@ section.profile-bar
     //     span(translate="USER.PROFILE.FOLLOW")
     div.profile-data
         h1(ng-class="{'not-full-name': !vm.user.get('full_name')}") {{::vm.user.get("full_name_display")}}
+        .username @{{::vm.user.get("username")}}
         h2 {{::vm.stats.get('roles').join(", ")}}
         // div.location
         //     include ../../../svg/location.svg
diff --git a/app/modules/profile/styles/profile-bar.scss b/app/modules/profile/styles/profile-bar.scss
index 2915ebcf..200fcad0 100644
--- a/app/modules/profile/styles/profile-bar.scss
+++ b/app/modules/profile/styles/profile-bar.scss
@@ -66,8 +66,8 @@
     h1 {
         @extend %bold;
         @extend %xlarge;
-        line-height: 1;
-        margin-bottom: .5rem;
+        line-height: 1.2;
+        margin-bottom: .25rem;
         text-transform: none;
     }
     .not-full-name {
@@ -80,6 +80,12 @@
         line-height: 1.2;
         margin-bottom: 1rem;
     }
+    .username {
+        @extend %light;
+        @extend %large;
+        color: $gray-light;
+        margin-bottom: 1rem;
+    }
     .location {
         color: $gray-light;
         margin-bottom: 1rem;