From be4fe6bb620275a81b62f7b0352ee212e539b4b4 Mon Sep 17 00:00:00 2001
From: Jamal Jackson <jamal@bitpay.com>
Date: Wed, 21 Sep 2016 15:21:18 -0400
Subject: [PATCH] added new images styled icons and list item rows

---
 public/img/item-ico-addwallet.svg | 19 +++++++++++++++++++
 public/img/item-ico-import.svg    | 19 +++++++++++++++++++
 public/views/add.html             | 20 ++++++++++++++++----
 src/sass/views/add.scss           | 15 +++++++++++++--
 4 files changed, 67 insertions(+), 6 deletions(-)
 create mode 100644 public/img/item-ico-addwallet.svg
 create mode 100644 public/img/item-ico-import.svg

diff --git a/public/img/item-ico-addwallet.svg b/public/img/item-ico-addwallet.svg
new file mode 100644
index 000000000..a7389f6c6
--- /dev/null
+++ b/public/img/item-ico-addwallet.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="23px" height="24px" viewBox="0 0 23 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>users-24px-outline_add-29</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Wallet/Icon/Join" transform="translate(-13.000000, -13.000000)" stroke="#FFFFFF">
+            <g id="users-24px-outline_add-29" transform="translate(14.000000, 14.000000)">
+                <g id="Group">
+                    <path d="M11,12 L11,12 C8.2,12 6,9.8 6,7 L6,5 C6,2.2 8.2,0 11,0 L11,0 C13.8,0 16,2.2 16,5 L16,7 C16,9.8 13.8,12 11,12 L11,12 Z" id="Shape"></path>
+                    <path d="M11,16 L6,16 C2.7,16 0,18.7 0,22 L0,22 L22,22 L22,22" id="Shape"></path>
+                    <path d="M19,12 L19,18" id="Shape"></path>
+                    <path d="M16,15 L22,15" id="Shape"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/img/item-ico-import.svg b/public/img/item-ico-import.svg
new file mode 100644
index 000000000..60d78deba
--- /dev/null
+++ b/public/img/item-ico-import.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="51px" height="51px" viewBox="0 0 51 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
+    <title>Group</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Wallet/Icon/Import" transform="translate(0.000000, -1.000000)">
+            <g id="arrows-24px-outline-2_square-download" transform="translate(-1.000000, 0.000000)">
+                <g id="Group" transform="translate(0.500000, 0.500000)">
+                    <ellipse id="Oval-87" fill="#647CE8" cx="25.6597034" cy="25.694296" rx="25.1597034" ry="25.194296"></ellipse>
+                    <path d="M16,29 L16,32 C16,33.6568542 17.343312,35 18.9942021,35 L33.0057979,35 C34.6594501,35 36,33.6534829 36,32 L36,29" id="Shape" stroke="#FFFFFF"></path>
+                    <path d="M26,15 L26,30" id="Shape" stroke="#FFFFFF"></path>
+                    <polyline id="Shape" stroke="#FFFFFF" points="20 24 26 30 32 24"></polyline>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/public/views/add.html b/public/views/add.html
index 25c3e39c5..978c312af 100644
--- a/public/views/add.html
+++ b/public/views/add.html
@@ -7,22 +7,34 @@
 
   <ion-content>
     <ion-list>
-      <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.add.create-personal">
+      <a class="item item-remove-animate item-icon-right item-icon-left item-big-icon-left" type="item-text-wrap" ui-sref="tabs.add.create-personal">
+       <i class="icon big-icon-svg">
+          <img src="img/icon-wallet.svg" class="bg"/>
+        </i>
         <h2 translate>New Personal Wallet</h2>
         <i class="icon nav-item-arrow-right"></i>
       </a>
 
-      <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.add.create-shared">
+      <a class="item item-remove-animate item-icon-right item-icon-left item-big-icon-left" type="item-text-wrap" ui-sref="tabs.add.create-shared">
+        <i class="icon big-icon-svg">
+          <img src="img/icon-wallet.svg" class="bg"/>
+        </i>
         <h2 translate>Create Shared Wallet</h2>
         <i class="icon nav-item-arrow-right"></i>
       </a>
 
-      <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.add.join">
+      <a class="item item-remove-animate item-icon-right item-icon-left item-big-icon-left" type="item-text-wrap" ui-sref="tabs.add.join">
+        <i class="icon big-icon-svg">
+          <img src="img/item-ico-addwallet.svg" class="bg join"/>
+        </i>
         <h2 translate>Join shared wallet</h2>
         <i class="icon nav-item-arrow-right"></i>
       </a>
 
-      <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.add.import">
+      <a class="item item-remove-animate item-icon-right item-icon-left item-big-icon-left" type="item-text-wrap" ui-sref="tabs.add.import">
+        <i class="icon big-icon-svg">
+          <img src="img/item-ico-import.svg" class="bg"/>
+        </i>
         <h2 translate>Import wallet</h2>
         <i class="icon nav-item-arrow-right"></i>
       </a>
diff --git a/src/sass/views/add.scss b/src/sass/views/add.scss
index 9dd30968f..1a7f0b5fc 100644
--- a/src/sass/views/add.scss
+++ b/src/sass/views/add.scss
@@ -1,13 +1,24 @@
 #view-add {
-
   .item {
     margin-bottom: 10px;
     margin-left: 10px;
     margin-right: 10px;
+    padding-top:2rem;
+    padding-bottom: 2rem;
+    border:none;
+    padding-left:90px;
 
     &:first-child {
       margin-top: 25px;
     }
   }
-
+  .bg{
+    background-color:rgb(100,124,232);
+    height: 50px;
+    width: 50px;
+    padding:4px;
+    &.join{
+      padding:10px;
+    }
+  }
 }