From f82ea8502fb0e237dfd5a0b9bd24094021caacd3 Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Fri, 23 Sep 2016 09:50:17 -0400
Subject: [PATCH 1/3] started new address book styling

---
 public/views/addressbook.add.html | 4 ++--
 src/sass/main.scss                | 1 +
 src/sass/views/address-book.scss  | 5 +++++
 3 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 src/sass/views/address-book.scss

diff --git a/public/views/addressbook.add.html b/public/views/addressbook.add.html
index f7f575305..11e528f5a 100644
--- a/public/views/addressbook.add.html
+++ b/public/views/addressbook.add.html
@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view id="add-address">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>
       <span translate>Add Contact</span>
@@ -16,7 +16,7 @@
 
     <form name="addressbookForm" no-validate>
 
-      <div class="card list">
+      <div class="list">
         <label class="item item-input item-stacked-label">
           <span class="input-label" translate>Name</span>
           <input type="text"
diff --git a/src/sass/main.scss b/src/sass/main.scss
index f8c178211..d8047b908 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -994,6 +994,7 @@ input[type=number] {
 @import "views/walletDetails";
 @import "views/bitpayCard";
 @import "views/wallet-backup-phrase";
+@import "views/address-book";
 @import 'views/onboarding/onboarding';
 @import "views/includes/walletActivity";
 @import "views/includes/wallets";
diff --git a/src/sass/views/address-book.scss b/src/sass/views/address-book.scss
new file mode 100644
index 000000000..e47aec255
--- /dev/null
+++ b/src/sass/views/address-book.scss
@@ -0,0 +1,5 @@
+#add-address{
+  .list{
+    background: #ffffff;
+  }
+}
\ No newline at end of file

From ee10ebff9c633023c443133fb67c056feec25432 Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Fri, 23 Sep 2016 10:10:17 -0400
Subject: [PATCH 2/3] updated address book add and no address for user

---
 public/views/addressbook.add.html |  3 ++-
 public/views/addressbook.html     | 15 ++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/public/views/addressbook.add.html b/public/views/addressbook.add.html
index 11e528f5a..fdccb8dae 100644
--- a/public/views/addressbook.add.html
+++ b/public/views/addressbook.add.html
@@ -29,11 +29,12 @@
           <span class="input-label" translate>Email</span>
           <input type="text"
                  id="email"
+                 placeholder="name@example.com" 
                  name="email"
                  ng-model="addressbookEntry.email">
         </label>
         <label class="item item-input item-stacked-label">
-          <span class="input-label" translate>Address</span>
+          <span class="input-label" translate>Bitcoin Address</span>
           <div class="input-notification">
             <i class="icon ion-checkmark-circled balanced"
                ng-show="!addressbookForm.address.$invalid"></i>
diff --git a/public/views/addressbook.html b/public/views/addressbook.html
index dbc5f9648..ee69d6fb7 100644
--- a/public/views/addressbook.html
+++ b/public/views/addressbook.html
@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view id="view-address-book">
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
     </ion-nav-back-button>
@@ -39,12 +39,13 @@
 
       </ion-item>
     </ion-list>
-    <div class="list" ng-show="isEmptyList">
-      <a class="item item-icon-left" ui-sref="tabs.addressbook.add">
-        <i class="icon ion-person-add"></i>
-        <span translate>Add a new entry</span>
-      </a>
+    <div class="row text-center absolute-center" ng-show="isEmptyList">
+      <div id="add-contact" class="col col-80 center-block">
+        <img class="col" src="img/item-ico-contact.svg">
+        <a class="col col-40 center-block" ui-sref="tabs.addressbook.add">
+          Add Contact
+        </a>
+      </div>
     </div>
-
   </ion-content>
 </ion-view>

From 8fc4f2d69a1298caf63f87533bb5e222d179a569 Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Wed, 28 Sep 2016 14:53:01 -0400
Subject: [PATCH 3/3] added new design for add contact when user has empty
 address book

---
 public/img/address-book-add.svg  | 27 +++++++++++++++++++++++++++
 public/views/addressbook.html    | 20 +++++++++++++++-----
 src/sass/views/address-book.scss |  2 +-
 3 files changed, 43 insertions(+), 6 deletions(-)
 create mode 100644 public/img/address-book-add.svg

diff --git a/public/img/address-book-add.svg b/public/img/address-book-add.svg
new file mode 100644
index 000000000..fa8866b49
--- /dev/null
+++ b/public/img/address-book-add.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="128px" height="128px" viewBox="0 0 128 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
+    <title>CF22B02A-463B-4798-B448-F6A878730EDC</title>
+    <desc>Created with sketchtool.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#EFF2FF" offset="0%"></stop>
+            <stop stop-color="#F7F7F7" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Settings" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="1.7.4---Address-book-(Empty)" transform="translate(-122.000000, -125.000000)">
+            <g id="Header/Jumbo-W-Text/Light" transform="translate(0.000000, 70.000000)">
+                <g id="users-24px-outline-2_a-add" transform="translate(64.000000, 41.000000)">
+                    <g id="Group" transform="translate(58.000000, 14.000000)">
+                        <circle id="Oval-2" fill="url(#linearGradient-1)" cx="64" cy="64" r="64"></circle>
+                        <path d="M59.8058824,65.8235294 C51.3947922,65.8235294 43.9338216,67.7071485 39.0313235,69.3457199 C35.4125294,70.5591485 33,73.9396246 33,77.7275294 L33,89.442577 L62.7843137,89.442577" id="Shape" stroke="#647CE8" stroke-width="2"></path>
+                        <path d="M65.8843137,68.4285714 L65.8843137,68.4285714 C57.6608647,68.4285714 50.9921569,58.8658095 50.9921569,50.7142857 L50.9921569,47.7619048 C50.9921569,39.610381 57.6608647,33 65.8843137,33 L65.8843137,33 C74.1077627,33 80.7764706,39.610381 80.7764706,47.7619048 L80.7764706,50.7142857 C80.7764706,58.8658095 74.1077627,68.4285714 65.8843137,68.4285714 L65.8843137,68.4285714 Z" id="Shape" stroke="#647CE8" stroke-width="2"></path>
+                        <path d="M85.2745098,77.2857143 L85.2745098,95" id="Shape" stroke="#647CE8" stroke-width="2"></path>
+                        <path d="M77.1294118,85.2745098 L95,85.2745098" id="Shape" stroke="#647CE8" stroke-width="2"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/views/addressbook.html b/public/views/addressbook.html
index ee69d6fb7..a6d355b6f 100644
--- a/public/views/addressbook.html
+++ b/public/views/addressbook.html
@@ -39,12 +39,22 @@
 
       </ion-item>
     </ion-list>
-    <div class="row text-center absolute-center" ng-show="isEmptyList">
+    <div class="text-center absolute-center" ng-show="isEmptyList">
       <div id="add-contact" class="col col-80 center-block">
-        <img class="col" src="img/item-ico-contact.svg">
-        <a class="col col-40 center-block" ui-sref="tabs.addressbook.add">
-          Add Contact
-        </a>
+        <div class="row">
+          <img class="col col-60 center-block" src="img/address-book-add.svg">
+        </div>
+        <div class="row text-center">
+          <h2 class="col" translate>No contacts yet</h2>
+        </div>
+        <div class="row">
+          <p class="text-center" translate>
+            You haven’t added any contacts to your address book yet. Get started by adding your first one.
+          </p>
+        </div>
+        <div class="row">
+          <button class="button button-block button-positive col" ui-sref="tabs.addressbook.add" translate>Add Contact</button>
+        </div>
       </div>
     </div>
   </ion-content>
diff --git a/src/sass/views/address-book.scss b/src/sass/views/address-book.scss
index fe3f5834b..24019b52e 100644
--- a/src/sass/views/address-book.scss
+++ b/src/sass/views/address-book.scss
@@ -9,7 +9,7 @@
   }
   #add-contact{
     img{
-      width: 6rem;
+      width: 10rem;
       display: inline-block;
     }
     a{