Merge pull request #160 from jamal-jackson/feature/settings_views_polish

updated add contact view for when user has empty address book

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>

public/views/preferences.html

@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>
       {{'Wallet Preferences'|translate}}

public/views/preferencesAdvanced.html

@@ -1,4 +1,4 @@
-<ion-view >
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Advanced Preferences' | translate}}</ion-nav-title>
     <ion-nav-back-button>

public/views/preferencesAltCurrency.html

@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>
       {{'Alternative Currency'|translate}}

public/views/preferencesColor.html

@@ -7,8 +7,9 @@
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content>
-    <ion-radio ng-repeat="c in colorList" ng-value="c" ng-model="currentColor" ng-click="save(c)">
-      <span ng-style="{'color': c}">&block;</span>
+    <ion-radio ng-repeat="c in colorList" ng-value="c.color" ng-model="currentColor" ng-click="save(c.color)">
+      <span ng-style="{'color': c.color}">&block;</span>
+      <span> {{c.name}}</span>
     </ion-radio>
   </ion-content>
 </ion-view>

public/views/preferencesFee.html

@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>
       {{'Bitcoin Network Fee Policy'|translate}}

public/views/preferencesInformation.html

@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Wallet Information' | translate}}</ion-nav-title>
     <ion-nav-back-button>

public/views/preferencesLanguage.html

@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view id="preferences-language" class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>
       {{'Language'|translate}}
@@ -7,9 +7,11 @@
     </ion-nav-back-button>
   </ion-nav-bar>
   <ion-content>
-    <ion-radio ng-repeat="lang in availableLanguages" ng-value="lang.isoCode" ng-model="currentLanguage"
-      ng-click="save(lang.isoCode)">{{lang.name}}
-    </ion-radio>
+    <div class="list">
+      <ion-radio ng-repeat="lang in availableLanguages" ng-value="lang.isoCode" ng-model="currentLanguage"
+        ng-click="save(lang.isoCode)">{{lang.name}}
+      </ion-radio>
+    </div>
     <div class="padding">
       <span translate>All contributions to Copay's translation are welcome. Sign up at crowdin.com and join the Copay project at</span>
       <a ng-click="openExternalLink('https://crowdin.com/project/copay', '_system')">https://crowdin.com/project/copay</a>.
@@ -18,4 +20,4 @@
       </span>
     </div>
   </ion-content>
-</ion-view>
+</ion-view>

public/views/preferencesUnit.html

@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>
       {{'Unit'|translate}}

public/views/tab-settings.html

@@ -1,4 +1,4 @@
-<ion-view id="tab-settings">
+<ion-view id="tab-settings" class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Global Settings' | translate}}</ion-nav-title>
   </ion-nav-bar>

public/views/translators.html

@@ -1,4 +1,4 @@
-<ion-view>
+<ion-view class="settings">
   <ion-nav-bar class="bar-royal">
     <ion-nav-title>{{'Translators' | translate}}</ion-nav-title>
     <ion-nav-back-button>