From 5a148658dec3ae59b78a6d6afc976fdbe55f9be2 Mon Sep 17 00:00:00 2001
From: Javier <javier@bitpay.com>
Date: Tue, 20 Dec 2016 09:27:52 -0300
Subject: [PATCH 1/3] fix icon position

---
 src/sass/shame.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/sass/shame.scss b/src/sass/shame.scss
index 7ee9f7499..693e952c9 100644
--- a/src/sass/shame.scss
+++ b/src/sass/shame.scss
@@ -158,7 +158,7 @@ input[type=number] {
 
 .input-notification {
   float: right;
-  margin-right: 10px;
+  margin-right: 25px;
 }
 
 .pr {

From 8c18ef33b559c89e24a926e863d405208d3b1042 Mon Sep 17 00:00:00 2001
From: Javier <javier@bitpay.com>
Date: Fri, 23 Dec 2016 10:32:09 -0300
Subject: [PATCH 2/3] add color - fix addressbook checks

---
 src/sass/views/address-book.scss | 38 ++++++++++++++++++++++++++++++--
 src/sass/views/join.scss         | 16 ++++++++++++--
 www/views/addressbook.add.html   | 12 +++++-----
 www/views/join.html              | 10 ++++-----
 4 files changed, 59 insertions(+), 17 deletions(-)

diff --git a/src/sass/views/address-book.scss b/src/sass/views/address-book.scss
index 96fefb608..e03c8456b 100644
--- a/src/sass/views/address-book.scss
+++ b/src/sass/views/address-book.scss
@@ -14,9 +14,43 @@
     padding: 0 10px;
     font-size: 24px;
     cursor: pointer;
+    line-height: 155px;
   }
-  .qr-icon {
-    line-height: 45px;
+  .icon {
+    &.valid {
+      padding-top: 3px;
+      color: #13E5B6;
+    }
+    &.invalid {
+      padding-top: 3px;
+      color: #DF2121;
+    }
+  }
+  .add-address-input-group {
+    background-color: #fff;
+    .item-stacked-label {
+      padding: 1rem;
+    }
+    .input-label {
+      text-transform: uppercase;
+      font-size: 12px;
+      font-weight: bold;
+    }
+  }
+  .add-address-list {
+    .item {
+      color: $dark-gray;
+      padding-top: 1.3rem;
+      padding-bottom: 1.3rem;
+      &.item-divider {
+        color: $mid-gray;
+        padding-bottom: .5rem;
+        font-size: .9rem;
+      }
+    }
+    .item-note {
+      color: $light-gray;
+    }
   }
 }
 #view-address-book {
diff --git a/src/sass/views/join.scss b/src/sass/views/join.scss
index 601fff97c..15d368f9d 100644
--- a/src/sass/views/join.scss
+++ b/src/sass/views/join.scss
@@ -8,8 +8,20 @@
     padding: 0 10px;
     font-size: 24px;
     cursor: pointer;
-  }
-  .qr-icon {
     line-height: 45px;
   }
+  .item-stacked-label .icon {
+    padding: 0px;
+    margin: 0px;
+  }
+  .icon {
+    &.valid {
+      padding-top: 3px;
+      color: #13E5B6;
+    }
+    &.invalid {
+      padding-top: 3px;
+      color: #DF2121;
+    }
+  }
 }
diff --git a/www/views/addressbook.add.html b/www/views/addressbook.add.html
index 088fbf47d..afeda0c80 100644
--- a/www/views/addressbook.add.html
+++ b/www/views/addressbook.add.html
@@ -1,4 +1,4 @@
-<ion-view id="add-address" hide-tabs>
+<ion-view id="add-address" class="add-address" hide-tabs>
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>
       <span translate>Add Contact</span>
@@ -16,8 +16,8 @@
 
     <form name="addressbookForm" no-validate>
 
-      <div class="list">
-        <label class="item item-input item-stacked-label">
+      <div class="list add-address-list add-address-input-group">
+        <label class="item item-input item-stacked-label no-border">
           <span class="input-label" translate>Name</span>
           <input type="text"
                  id="name"
@@ -37,10 +37,8 @@
           <label class="item item-input item-stacked-label">
             <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>
-              <i class="icon ion-close-circled assertive"
-                 ng-show="addressbookForm.address.$invalid && addressbookEntry.address"></i>
+              <i ng-show="!addressbookForm.address.$invalid" class="icon ion-checkmark-circled valid"></i>
+              <i ng-show="addressbookForm.address.$invalid && addressbookEntry.address" class="icon ion-close-circled invalid"></i>
             </div>
             <input type="text"
                    id="address"
diff --git a/www/views/join.html b/www/views/join.html
index a62496124..7d0d2e557 100644
--- a/www/views/join.html
+++ b/www/views/join.html
@@ -25,10 +25,8 @@
           <label class="item item-input item-stacked-label no-border">
             <span class="input-label" translate>Wallet Invitation</span>
             <div class="input-notification">
-              <i class="icon ion-checkmark-circled balanced"
-                 ng-show="!joinForm.secret.$invalid"></i>
-              <i class="icon ion-close-circled assertive"
-                 ng-show="joinForm.secret.$invalid && secret"></i>
+              <i ng-show="!joinForm.secret.$invalid" class="icon ion-checkmark-circled valid"></i>
+              <i ng-show="joinForm.secret.$invalid && secret" class="icon ion-close-circled invalid"></i>
             </div>
             <input id="secret"
                    type="text"
@@ -91,14 +89,14 @@
           </div>
 
           <div class="item item-input" ng-show="encrypt">
-            <input ng-show="join.seedSourceId == 'new'" 
+            <input ng-show="join.seedSourceId == 'new'"
                    placeholder="{{'Password'|translate}}"
                    type="password"
                    autocapitalize="off"
                    name="createPassphrase"
                    ng-model="createPassphrase">
 
-            <input ng-show="join.seedSourceId == 'set'" 
+            <input ng-show="join.seedSourceId == 'set'"
                    placeholder="{{'Password'|translate}}"
                    type="password"
                    autocapitalize="off"

From ebf58e6b07612c5f50233920249817fe9ce63269 Mon Sep 17 00:00:00 2001
From: Javier <javier@bitpay.com>
Date: Tue, 27 Dec 2016 10:13:01 -0300
Subject: [PATCH 3/3] remove unused class

---
 www/views/addressbook.add.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/views/addressbook.add.html b/www/views/addressbook.add.html
index afeda0c80..55f39d2ed 100644
--- a/www/views/addressbook.add.html
+++ b/www/views/addressbook.add.html
@@ -1,4 +1,4 @@
-<ion-view id="add-address" class="add-address" hide-tabs>
+<ion-view id="add-address" hide-tabs>
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>
       <span translate>Add Contact</span>