feat(design): improve design of all add flows

422

src/sass/views/add.scss

@@ -12,6 +12,9 @@
       margin-top: 25px;
     }
   }
+  .add-type {
+    color: $dark-gray;
+  }
   .bg{
     background-color:rgb(100,124,232);
     height: 50px;

www/views/add.html

@@ -11,7 +11,7 @@
        <i class="icon big-icon-svg">
           <img src="img/icon-wallet.svg" class="bg"/>
         </i>
-        <h2 translate>New Personal Wallet</h2>
+        <span class="add-type" translate>New Personal Wallet</h2>
         <i class="icon bp-arrow-right"></i>
       </a>
 
@@ -19,7 +19,7 @@
         <i class="icon big-icon-svg">
           <img src="img/icon-wallet.svg" class="bg"/>
         </i>
-        <h2 translate>Create Shared Wallet</h2>
+        <span class="add-type" translate>Create Shared Wallet</h2>
         <i class="icon bp-arrow-right"></i>
       </a>
 
@@ -27,7 +27,7 @@
         <i class="icon big-icon-svg">
           <img src="img/item-ico-addwallet.svg" class="bg join"/>
         </i>
-        <h2 translate>Join shared wallet</h2>
+        <span class="add-type" translate>Join shared wallet</h2>
         <i class="icon bp-arrow-right"></i>
       </a>
 
@@ -35,7 +35,7 @@
         <i class="icon big-icon-svg">
           <img src="img/item-ico-import.svg" class="bg"/>
         </i>
-        <h2 translate>Import wallet</h2>
+        <span class="add-type" translate>Import wallet</h2>
         <i class="icon bp-arrow-right"></i>
       </a>
     </ion-list>

www/views/import.html

@@ -1,4 +1,4 @@
-<ion-view ng-controller="tabsController" ng-init="importInit()">
+<ion-view ng-controller="tabsController" ng-init="importInit()" class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Import Wallet' | translate}}</ion-nav-title>
     <ion-nav-back-button>

www/views/join.html

@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
     </ion-nav-back-button>
@@ -10,7 +10,7 @@
 
     <form name="joinForm" ng-submit="join.join(joinForm)" novalidate>
 
-      <div class="card list">
+      <div class="list settings-list settings-input-group">
 
         <label class="item item-input item-stacked-label no-border">
           <span class="input-label" translate>Your nickname</span>

www/views/tab-create-personal.html

@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Create Personal Wallet' | translate}}</ion-nav-title>
     <ion-nav-back-button>
@@ -7,7 +7,7 @@
 
   <ion-content ng-controller="createController" ng-init="init(1);">
     <form name="setupForm" ng-submit="create(setupForm)" novalidate>
-      <div class="card list">
+      <div class="list settings-list settings-input-group">
         <label class="item item-input item-stacked-label">
           <span class="input-label" translate>Wallet name</span>
           <input type="text"

www/views/tab-create-shared.html

@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Create Shared Wallet' | translate}}</ion-nav-title>
     <ion-nav-back-button>
@@ -7,7 +7,7 @@
 
   <ion-content ng-controller="createController" ng-init="init(3);">
     <form name="setupForm" ng-submit="create(setupForm)" novalidate>
-      <div class="card list">
+      <div class="list settings-list settings-input-group">
         <label class="item item-input item-stacked-label">
           <span class="input-label" translate>Wallet name</span>
           <input type="text"
@@ -19,9 +19,9 @@
         </label>
 
         <label class="item item-input item-stacked-label">
-          <span class="input-label" translate>Your nickname</span>
+          <span class="input-label" translate>Your name</span>
           <input type="text"
-            placeholder="{{'John'|translate}}"
+            placeholder="{{'Satoshi'|translate}}"
             ng-model="formData.myName"
             ng-required="formData.totalCopayers != 1"
             ng-disabled="formData.totalCopayers == 1"

www/views/tab-import-file.html

@@ -1,5 +1,5 @@
 <form name="importForm" ng-submit="importBlob(importForm)" novalidate>
-  <div class="list card">
+  <div class="list settings-list settings-input-group">
     <label class="item item-input item-stacked-label no-border" ng-show="!isSafari && !isCordova">
       <div class="input-label" translate>Choose a backup file from your computer</div>
       <div>

www/views/tab-import-hardware.html

@@ -6,7 +6,7 @@
   </div>
 
   <div ng-show="seedOptions[0]">
-    <div class="card list">
+    <div class="list settings-list settings-input-group">
       <label class="item item-input item-select">
         <div class="input-label" translate>
           Wallet Type

www/views/tab-import-phrase.html

@@ -11,7 +11,7 @@
 </div>
 
 <form name="importForm12" ng-submit="importMnemonic(importForm12)" novalidate>
-  <div class="list card">
+  <div class="list settings-list settings-input-group">
     <div class="row">
       <div class="col col-90">
         <label class="item item-input item-stacked-label no-border">