Fix style colors for wp8

public/views/backup.html

@@ -22,18 +22,23 @@
       name="password" ng-model="backup.repeatpassword">
     </div>
 
-    <button class="black radius expand" ng-click="backup.downloadWalletBackup()" ng-disabled="backup.loading || (!backup.password || backup.password != backup.repeatpassword)"    style="background-color:{{index.backgroundColor}}" 
+    <button class="black radius expand" ng-click="backup.downloadWalletBackup()" 
+      ng-disabled="backup.loading || (!backup.password || backup.password != backup.repeatpassword)" 
+      ng-style="{'background-color':index.backgroundColor}" 
       ng-show="!backup.isSafari && !backup.isCordova"><i class="fi-download"></i>
       <span translate>Download backup</span></button>
-    <button class="black radius expand" ng-click="backup.viewWalletBackup()" ng-disabled="backup.loading"    style="background-color:{{index.backgroundColor}}" 
+    <button class="black radius expand" ng-click="backup.viewWalletBackup()" ng-disabled="backup.loading"
+      ng-style="{'background-color':index.backgroundColor}" 
       ng-show="backup.isSafari && !backup.isCordova"><i class="fi-eye"></i>
       <span translate>View backup</span></button>
     <div ng-show="backup.isCordova">
       <h4 translate>Backup options</h4>
-      <button class="black radius expand"  ng-disabled="backup.loading ||  (!backup.password || backup.password != backup.repeatpassword)"    style="background-color:{{index.backgroundColor}}" 
+      <button class="black radius expand"  ng-disabled="backup.loading ||  (!backup.password || backup.password != backup.repeatpassword)" 
+        ng-style="{'background-color':index.backgroundColor}" 
         ng-click="backup.copyWalletBackup()"><i class="fi-clipboard-pencil"></i>
         <span translate>Copy to clipboard</span></button>
-      <button class="black radius expand"  ng-disabled="backup.loading ||   (!backup.password || backup.password != backup.repeatpassword)"   style="background-color:{{index.backgroundColor}}" 
+      <button class="black radius expand"  ng-disabled="backup.loading ||   (!backup.password || backup.password != backup.repeatpassword)" 
+        ng-style="{'background-color':index.backgroundColor}" 
         ng-click="backup.sendWalletBackup()"><i class="fi-mail"></i>
         <span translate>Send by email</span></button>
     </div>

public/views/history.html

@@ -12,7 +12,8 @@
       ng-click="history.openTxModal(btx)" 
       class="row last-transactions-content">
       <div class="large-3 medium-3 small-3 columns">
-        <span class="label tu" ng-show="btx.action == 'received'"  style="background-color:{{index.backgroundColor}}">Received</span>
+        <span class="label tu" ng-show="btx.action == 'received'" 
+          ng-style="{'background-color':index.backgroundColor}">Received</span>
         <span class="label tu gray" ng-show="btx.action == 'sent'">Sent</span>
         <span class="label tu gray" ng-show="btx.action == 'moved'">Moved</span>
       </div>

public/views/importLegacy.html

@@ -10,7 +10,7 @@
           <h1 class="m20b animated infinite flash"> Importing...</h1>
           <ul>
             <li ng-repeat="m in importLegacy.messages"> 
-              <span  style="opacity: {{m.opacity}}"> {{m.message}} </span>
+            <span ng-style="{'opacity':m.opacity}"> {{m.message}} </span>
           </ul>
         </div>
 

public/views/includes/menu.html

@@ -4,7 +4,7 @@
   ng-controller="menuController as menu">
     <div class="medium-3 small-3 columns text-center bottombar-item" ng-repeat="item in menu.menu">
       <a ng-click="menu.go(item.link)" ng-class="{'active': activeMenu == item.link}" 
-        style="border-top-color:{{activeMenu==item.link ? index.backgroundColor : ''}}"> 
+        ng-style="{'border-top-color':activeMenu==item.link ? index.backgroundColor : ''}"> 
         <i class="size-36 {{item.icon}} db"></i> 
         <div class="size-10 tu">
           {{item.title|translate}} 

public/views/includes/notifications.html

@@ -6,7 +6,8 @@
     </div>
     <div class="dr-notification-content">
       <h3 class="dr-notification-title">{{noti.title|translate}}</h3>
-      <div class="dr-notification-text label" style="background-color:{{noti.userData.color}}">{{noti.content|translate}}</div>
+      <div class="dr-notification-text label" 
+        ng-style="{'background-color':noti.userData.color}">{{noti.content|translate}}</div>
     </div>
   </div>
 </div>

public/views/includes/password.html

@@ -27,7 +27,8 @@
     </div>
       
     <div class="small-6 columns">
-      <button class="radius expand" ng-click="pass.set(index.askPassword.isSetup, index.askPassword.callback)" ng-disabled="!pass.password"   style="background-color:{{index.backgroundColor}}" >
+      <button class="radius expand" ng-click="pass.set(index.askPassword.isSetup, index.askPassword.callback)" ng-disabled="!pass.password" 
+        ng-style="{'background-color':index.backgroundColor}">
         <span translate ng-if="index.askPassword.isSetup" translate>SET</span>
         <span translate ng-if="!index.askPassword.isSetup" translate>ENTER</span>
       </button>

public/views/includes/sidebar.html

@@ -9,7 +9,8 @@
     ng-class="{'selected': item.id == index.walletId}"
     class="nav-item">
     <a ng-click="sidebar.switchWallet(item.id)">
-      <div class="avatar-wallet" style="background-color:{{item.color}}">{{(item.name || item.id) | limitTo: 1}}</div>
+      <div class="avatar-wallet" 
+        ng-style="{'background-color':item.color}">{{(item.name || item.id) | limitTo: 1}}</div>
       <div class="ellipsis name-wallet">{{item.name || item.id}}</div>
       <div class="size-12">{{item.m}} of {{item.n}}</div> 
     </a>

public/views/includes/topbar.html

@@ -15,7 +15,7 @@
   </section>
 
   <section class="middle tab-bar-section">
-    <h1 class="title ellipsis"  style="color:{{index.backgroundColor}}">
+    <h1 class="title ellipsis" ng-style="{'color':index.backgroundColor}">
       {{(titleSection|translate) || index.walletName}}
     </h1>
   </section>

public/views/modals/paypro.html

@@ -5,7 +5,7 @@
     </a>
   </section>
   <section class="middle tab-bar-section">
-    <h1 class="title ellipsis" style="color:{{color}}" translate>
+    <h1 class="title ellipsis" ng-style="{'color':color}" translate>
       Payment protocol request
     </h1>
   </section>

public/views/modals/tx-details.html

@@ -5,7 +5,7 @@
     </a>
   </section>
   <section class="middle tab-bar-section">
-    <h1 class="title ellipsis"   style="color:{{color}}" translate>
+    <h1 class="title ellipsis" ng-style="{'color':color}" translate>
       Transaction
     </h1>
   </section>

public/views/modals/txp-details.html

@@ -5,7 +5,7 @@
     </a>
   </section>
   <section class="middle tab-bar-section">
-    <h1 class="title ellipsis"   style="color:{{color}}" translate>
+    <h1 class="title ellipsis" ng-style="{'color':color}" translate>
       Transaction proposal
     </h1>
   </section>
@@ -113,7 +113,8 @@
       </button>
     </div>
     <div class="large-5 medium-5 small-6 columns text-right">
-      <button class="button primary m0 expand" ng-click="hideTxInfo = true; sign(tx)"  style="background-color:{{color}}"  
+      <button class="button primary m0 expand" ng-click="hideTxInfo = true; sign(tx)" 
+        ng-style="{'background-color':color}"  
         ng-disabled="loading">
         <i class="fi-check icon-sign check"></i>  
         <span translate>Sign</span>

public/views/preferences.html

@@ -6,7 +6,7 @@
       <span translate>Color</span>
       <span class="right text-gray">
         <i class="icon-arrow-right3 size-24 right"></i>
-        <span  style="color:{{index.backgroundColor || '#1ABC9C'}}">&block;</span>
+        <span ng-style="{'color':index.backgroundColor || '#1ABC9C'}">&block;</span>
       </span>      
     </li>
     <li class="line-b p20">

public/views/preferencesBwsUrl.html

@@ -3,7 +3,7 @@
     <label translate>Bitcore Wallet Service URL</label>
     <input type="text" id="bwsurl" type="text" name="bwsurl" ng-model="prefBwsUrl.bwsurl">
     <input type="submit" class="button expand black radius" value="{{'Save'|translate}}" 
-    style="background-color:{{index.backgroundColor}}">
+    ng-style="{'background-color':index.backgroundColor}">
   </form>
 </div>
 <div class="extra-margin-bottom"></div>

public/views/preferencesColor.html

@@ -1,6 +1,6 @@
 <div class="preferences" ng-controller="preferencesColorController as p">
   <div ng-repeat="c in p.colorOpts" ng-click="p.save(c)" class="line-b p20 size-14">
-    <span  style="color:{{c}}">&block;</span>
+    <span ng-style="{'color': c}">&block;</span>
     <i class="fi-check size-16 right" ng-show="p.color == c"></i>
   </div>
 </div>

public/views/receive.html

@@ -19,7 +19,7 @@
   </div>
   <div class="small-6 columns m20t">
   <span class="button black expand radius tiny" 
-    ng-click="$root.go('backup')"    style="background-color:{{index.backgroundColor}}" >
+    ng-click="$root.go('backup')" ng-style="{'background-color':index.backgroundColor}" >
     <span translate>Backup now</span>
   </span>
 </div>
@@ -58,7 +58,8 @@
     </div>
     <div class="row m20t" ng-show="receive.addr && !index.isOffLine && !index.clientError">
           <div class="large-12 columns">
-            <a class="button black expand radius" ng-click="receive.newAddress()"    style="background-color:{{index.backgroundColor}}" translate>
+            <a class="button black expand radius" ng-click="receive.newAddress()" 
+              ng-style="{'background-color':index.backgroundColor}" translate>
               Generate new address
             </a>
           </div>

public/views/send.html

@@ -146,7 +146,8 @@
 
           <div class="row" ng-show="!send.onGoingProcess">
             <div class="large-6 medium-6 small-12 columns">
-              <button type="submit" class="button black radius expand" ng-disabled="sendForm.$invalid || send.blockUx"    style="background-color:{{index.backgroundColor}}"  translate>
+              <button type="submit" class="button black radius expand" ng-disabled="sendForm.$invalid || send.blockUx" 
+                ng-style="{'background-color':index.backgroundColor}"  translate>
                 Send
               </button>
             </div>

public/views/walletHome.html

@@ -1,6 +1,6 @@
 <div class="home-wallet" ng-controller="walletHomeController as home" ng-init="home.init()">
   <div class="row" ng-show="!index.noFocusedWallet">
-        <div class="amount" style="background-color:{{index.backgroundColor}}">
+    <div class="amount" ng-style="{'background-color':index.backgroundColor}">
           <div class="size-36">
             <strong>
               <span ng-show="!index.hideBalance">
@@ -18,7 +18,8 @@
           </div>
         </div>
         <div class="pr columns line-b">
-          <div class="avatar-wallet left"  style="background-color:{{index.backgroundColor}}">{{index.walletName | limitTo: 1}}</div>      
+          <div class="avatar-wallet left" 
+            ng-style="{'background-color':index.backgroundColor}">{{index.walletName | limitTo: 1}}</div>      
           <div class="right">
             <a ng-click="$root.go('preferences')" class="button outline light-gray tiny m0">
               <i class="fi-widget size-18 vm"></i>

src/css/mobile.css

@@ -129,7 +129,7 @@ _:-ms-fullscreen, :root .main {
 }
 
 .tab-bar .text-close {
-  margin-right: 5px;
+  margin-right: 10px;
   font-size: 1rem;
   font-weight: 400;
 }