From dffe4175850999010bf39c6e66fe679d7b3199df Mon Sep 17 00:00:00 2001
From: Jason Dreyzehner <jason@dreyzehner.com>
Date: Mon, 3 Oct 2016 19:58:06 -0400
Subject: [PATCH] design(send): correct some visual bugs in the send view

---
 public/views/tab-send.html   | 28 ++++++++++++++++------------
 src/sass/views/tab-send.scss |  5 -----
 2 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/public/views/tab-send.html b/public/views/tab-send.html
index 691ca080e..1ce95e42a 100644
--- a/public/views/tab-send.html
+++ b/public/views/tab-send.html
@@ -20,37 +20,41 @@
     <div class="card">
       <div class="item item-icon-right item-heading">
         <span translate>Contacts</span>
-        <a ng-show="hasContacts" ui-sref="tabs.send.addressbook"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
+        <a ng-if="hasContacts" ui-sref="tabs.send.addressbook"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
       </div>
       <div class="list">
-        <a class="item item-icon-left item-icon-right ng-hide" ng-show="!hasContacts" ui-sref="tabs.send.addressbook">
-          <gravatar class="send-gravatar" name="" width="30" email=""></gravatar>
+        <a class="item item-icon-left item-icon-right" ng-if="!hasContacts" ui-sref="tabs.send.addressbook">
+          <i class="icon big-icon-svg">
+            <gravatar class="send-gravatar" name="" width="30" email=""></gravatar>
+          </i>
           <span translate>Add a Contact</span>
-          <i class="icon nav-item-arrow-right"></i>
+          <i class="icon bp-arrow-right"></i>
         </a>
-        <a class="item item-icon-left item-icon-right ng-hide" ng-repeat="item in list" ng-show="hasContacts && !item.isWallet" ng-click="goToAmount(item)">
-          <gravatar class="send-gravatar" name="{{item.name}}" width="30" email="{{item.email}}"></gravatar>
+        <a class="item item-icon-left item-icon-right" ng-repeat="item in list" ng-if="hasContacts && !item.isWallet" ng-click="goToAmount(item)">
+          <i class="icon big-icon-svg">
+            <gravatar class="send-gravatar" name="{{item.name}}" width="30" email="{{item.email}}"></gravatar>
+          </i>
           {{item.name}}
-          <i class="icon nav-item-arrow-right"></i>
+          <i class="icon bp-arrow-right"></i>
         </a>
-        <div class="show-more" ng-show="contactsShowMore" ng-click="showMore()" translate>
+        <div class="show-more" ng-if="contactsShowMore" ng-click="showMore()" translate>
           Show more
         </div>
       </div>
     </div>
 
-    <div class="card" ng-show="hasWallets && !oneWallet">
+    <div class="card" ng-if="hasWallets && !oneWallet">
       <div class="list">
         <div class="item item-heading">
           <span translate>Transfer to Wallet</span>
         </div>
-        <a class="item item-icon-left item-icon-right ng-hide" ng-repeat="item in list" ng-show="hasWallets && item.isWallet" ng-click="goToAmount(item)">
+        <a class="item item-icon-left item-icon-right" ng-repeat="item in list" ng-if="hasWallets && item.isWallet" ng-click="goToAmount(item)">
           <!-- <i ng-show="item.isWallet" class="icon ion-briefcase size-21" ng-style="{'color':item.color}"></i> -->
-          <i class="icon big-icon-svg" ng-show="item.isWallet">
+          <i class="icon big-icon-svg" ng-if="item.isWallet">
             <img src="img/icon-wallet.svg" ng-style="{'background-color': item.color}" class="bg"/>
           </i>
           {{item.name}}
-          <i class="icon nav-item-arrow-right"></i>
+          <i class="icon bp-arrow-right"></i>
         </a>
       </div>
     </div>
diff --git a/src/sass/views/tab-send.scss b/src/sass/views/tab-send.scss
index 20ced3169..5c2a45669 100644
--- a/src/sass/views/tab-send.scss
+++ b/src/sass/views/tab-send.scss
@@ -11,11 +11,6 @@
         padding-bottom: 1px;
     }
   }
-  .send-gravatar {
-    left: 11px;
-    position: absolute;
-    top: 10px;
-  }
   .show-more {
     text-align: center;
     padding: 20px;