From bacf1fb68f7c40d8a894580093a312549f3c068a Mon Sep 17 00:00:00 2001
From: Nick Cardin <nick@cardin.email>
Date: Wed, 31 Aug 2016 17:10:54 -0400
Subject: [PATCH] update add wallet view

---
 public/views/add.html   | 22 +++++++++++-----------
 src/sass/ionic.scss     |  1 +
 src/sass/main.scss      |  1 +
 src/sass/views/add.scss | 13 +++++++++++++
 4 files changed, 26 insertions(+), 11 deletions(-)
 create mode 100644 src/sass/views/add.scss

diff --git a/public/views/add.html b/public/views/add.html
index 1b8413172..647e5e2b8 100644
--- a/public/views/add.html
+++ b/public/views/add.html
@@ -1,5 +1,5 @@
-<ion-view>
-  <ion-nav-bar>
+<ion-view id="view-add">
+  <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Add wallet' | translate}}</ion-nav-title>
     <ion-nav-buttons side="primary">
       <button class="button no-border" ng-click="$ionicGoBack()">
@@ -10,20 +10,20 @@
 
   <ion-content>
     <ion-list>
-      <ion-item class="item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="add.create.personal">
+      <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="add.create.personal">
         <h2 translate>Create new wallet</h2>
-        <i class="icon ion-chevron-right icon-accessory"></i>
-      </ion-item>
+        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
+      </a>
 
-      <ion-item class="item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="add.join">
+      <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="add.join">
         <h2 translate>Join shared wallet</h2>
-        <i class="icon ion-chevron-right icon-accessory"></i>
-      </ion-item>
+        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
+      </a>
 
-      <ion-item class="item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="add.import.phrase">
+      <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="add.import.phrase">
         <h2 translate>Import wallet</h2>
-        <i class="icon ion-chevron-right icon-accessory"></i>
-      </ion-item>
+        <i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
+      </a>
     </ion-list>
 
   </ion-content>
diff --git a/src/sass/ionic.scss b/src/sass/ionic.scss
index 3d7a67ec2..436a4babd 100644
--- a/src/sass/ionic.scss
+++ b/src/sass/ionic.scss
@@ -2,6 +2,7 @@
 $font-family-sans-serif: "Roboto", sans-serif;
 $font-family-light-sans-serif: "Roboto-Light", sans-serif-light;
 $royal: #1e3186;
+$base-background-color: #f5f5f5;
 
 
 
diff --git a/src/sass/main.scss b/src/sass/main.scss
index acf737299..8b0fa552d 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -999,5 +999,6 @@ input[type=number] {
 
 @import "ionic";
 @import "common";
+@import "views/add";
 @import "views/tab-home";
 @import "views/includes/walletActivity";
diff --git a/src/sass/views/add.scss b/src/sass/views/add.scss
new file mode 100644
index 000000000..9dd30968f
--- /dev/null
+++ b/src/sass/views/add.scss
@@ -0,0 +1,13 @@
+#view-add {
+
+  .item {
+    margin-bottom: 10px;
+    margin-left: 10px;
+    margin-right: 10px;
+
+    &:first-child {
+      margin-top: 25px;
+    }
+  }
+
+}