From 4f1205a4f5ff1b3380955e07ae29a5554af77747 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Thu, 30 Oct 2014 12:08:42 -0300
Subject: [PATCH] fix UI style & manage wallet

---
 css/src/main.css         | 29 ++++++++++++++++-------------
 views/includes/head.html | 16 +++++++++-------
 2 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index fd1a09464..bba0062a1 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -133,7 +133,7 @@ header .alt-currency {
 }
 
 .head {
-  padding-left: 20px;
+  padding: 0.9rem 0;
   -moz-box-shadow:    0px 0px 2px 0px rgba(0,0,0,0.10);
   box-shadow:         0px 0px 2px 0px rgba(0,0,0,0.10);
   background-color: #FFF;
@@ -146,7 +146,7 @@ header .alt-currency {
 
 .head .title h1 {
   float: left;
-  padding: 12px 10px;
+  padding-left: 2rem;
   margin: 0;
 }
 
@@ -157,29 +157,32 @@ header .alt-currency {
 
 .head .menu a.dropdown {
   display: block;
-  height: 62px;
-  width: 140px;
-  padding: 12px 5px;
+  margin: 0 1rem 0 2rem;
+  height: 48px;
+  width: 100px;
   text-align: center;
 }
 
 .head .menu a.dropdown:hover,
 .head .menu a.dropdown.hover {
   border-bottom: 1px solid #fff;
+  top: 0;
 }
 
 .head .menu ul {
+  border: none;
   position: absolute;
-  right: 0;
-  width: 160px;
+  right: 14px;
+  width: 100px;
   list-style-type: none;
-  top: 61px;
+  top: 47px;
 }
 
 .head .menu ul.hover {
   background: #FFFFFF;
-  -moz-box-shadow:    0px 0px 2px 0px rgba(0,0,0,0.25);
-  box-shadow:         0px 0px 2px 0px rgba(0,0,0,0.25);
+  -moz-box-shadow:    0px 1px 2px 0px rgba(0,0,0,0.25);
+  box-shadow:         0px 1px 2px 0px rgba(0,0,0,0.25);
+  border: none;
 }
 
 .head .menu ul li a {
@@ -499,6 +502,7 @@ a.button-setup {
 .size-21 { font-size: 21px; }
 .size-24 { font-size: 24px; }
 .size-36 { font-size: 36px; }
+.size-42 { font-size: 42px; }
 .size-48 { font-size: 48px; }
 .size-60 { font-size: 60px; }
 .size-72 { font-size: 72px; }
@@ -575,7 +579,7 @@ a.button-setup {
   padding-bottom: 0.5rem;
 }
 
-.line-dashed {
+.p-dashed {
   border-top: 1px dashed #3C5269;
   margin: 1rem 0;
   padding: 1rem 0;
@@ -1099,8 +1103,7 @@ button.gray:focus,
 }
 
 .photo-container {
-  margin-right: 10px;
-  padding-top: 0.4rem;
+  margin-right: 3px;
   display: inline-block;
   width: 35px;
   height: 35px;
diff --git a/views/includes/head.html b/views/includes/head.html
index 41c0cad7b..18cf9b318 100644
--- a/views/includes/head.html
+++ b/views/includes/head.html
@@ -2,19 +2,21 @@
   <h1>{{$root.title}}</h1>
 </div>
 
+
+
 <div class="menu" ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()"
   ng-click="hoverMenu = !hoverMenu">
   <a class="dropdown ellipsis text-gray" ng-class="{'hover': hoverMenu}">
-    <span class="photo-container"><i class="fi-torso size-18"></i></span>
+    <span class="photo-container"><i class="fi-torso size-42"></i></span>
     <span class="m15t">{{username}} </span>
-    <i class="icon-arrow-down2 size-16 vm"></i> 
+    <i class="icon-arrow-down size-16 vm"></i> 
   </a>
   <ul ng-show="hoverMenu" ng-class="{'hover': hoverMenu}">
-    <li>
-      <a href="#!/manage" title="Manage wallets">
-        <i class="fi-plus"></i> {{'Manage wallets' | translate }}</a></li>
-    <li><a href="#!/" title="Close" ng-click="signout()">
-      <i class="fi-power"></i> {{'Close'|translate}}</a></li>
+    <li><a class="text-gray size-16" href="#!/" title="Close" ng-click="signout()">
+      <i class="fi-power m10r"></i> {{'Close'|translate}}</a></li>
   </ul>
 </div>
+<div class="right">
+  <a class="button tiny pri radius oh" href="#!/manage" title="Manage wallets"><i class="fi-plus"></i> {{'Manage wallets' | translate }}</a>
+</div>