From 74ad1f37ff2391c5c72d8ea385e74b6c4ce2e702 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Wed, 29 Oct 2014 15:22:24 -0300
Subject: [PATCH] perfil photo container

---
 css/src/main.css         | 18 +++++++++++++++++-
 views/includes/head.html |  6 +++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index e527122be..fd1a09464 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -159,7 +159,7 @@ header .alt-currency {
   display: block;
   height: 62px;
   width: 140px;
-  padding: 22px 5px;
+  padding: 12px 5px;
   text-align: center;
 }
 
@@ -1098,6 +1098,22 @@ button.gray:focus,
   overflow: hidden;
 }
 
+.photo-container {
+  margin-right: 10px;
+  padding-top: 0.4rem;
+  display: inline-block;
+  width: 35px;
+  height: 35px;
+  color: #fff;
+  background: #7A8C9E;
+  border-radius: 100%;
+  vertical-align: middle;
+}
+
+a:hover .photo-container  {
+  background: #34495E;
+  color: #fff;
+}
 
 .side-nav {padding-top: 38px;}
 
diff --git a/views/includes/head.html b/views/includes/head.html
index 9716688a2..41c0cad7b 100644
--- a/views/includes/head.html
+++ b/views/includes/head.html
@@ -4,7 +4,11 @@
 
 <div class="menu" ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()"
   ng-click="hoverMenu = !hoverMenu">
-  <a class="dropdown ellipsis text-gray" ng-class="{'hover': hoverMenu}">{{username}} <i class="icon-arrow-down2 size-16 vm"></i> </a>
+  <a class="dropdown ellipsis text-gray" ng-class="{'hover': hoverMenu}">
+    <span class="photo-container"><i class="fi-torso size-18"></i></span>
+    <span class="m15t">{{username}} </span>
+    <i class="icon-arrow-down2 size-16 vm"></i> 
+  </a>
   <ul ng-show="hoverMenu" ng-class="{'hover': hoverMenu}">
     <li>
       <a href="#!/manage" title="Manage wallets">