add more buttons

public/views/backup.html

@@ -29,23 +29,23 @@
         name="password" ng-model="backup.repeatpassword">
       </div>
 
-      <button class="black radius expand" ng-click="backup.downloadWalletBackup()" 
+      <button class="black round expand" ng-click="backup.downloadWalletBackup()"
         ng-disabled="(!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()"
+      <button class="black round expand" ng-click="backup.viewWalletBackup()"
         ng-disabled="(!backup.password || backup.password != backup.repeatpassword)"
         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.password || backup.password != backup.repeatpassword)" 
+        <button class="black round expand"  ng-disabled="(!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.password || backup.password != backup.repeatpassword)" 
+        <button class="black round expand"  ng-disabled="(!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>

public/views/includes/password.html

@@ -21,13 +21,13 @@
   </div>
   <div class="row">
     <div class="small-6 columns">
-      <button class="radius small-6 columns outline dark-gray expand"  ng-click="pass.close(index.askPassword.callback)" translate>
+      <button class="round small-6 columns outline dark-gray expand"  ng-click="pass.close(index.askPassword.callback)" translate>
         CANCEL
       </button>
     </div>
 
     <div class="small-6 columns">
-      <button class="radius expand" ng-click="pass.set(index.askPassword.isSetup, index.askPassword.callback)" ng-disabled="!pass.password" 
+      <button class="round 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>

public/views/modals/tx-status.html

@@ -5,7 +5,7 @@
     <span translate>Payment Sent</span>
   </div>
   <div class="text-center">
-    <a class="button outline white small-5" ng-click="cancel()" translate>OKAY</a>
+    <a class="button outline round white tiny small-4" ng-click="cancel()" translate>OKAY</a>
   </div>
 </div>
 
@@ -15,7 +15,7 @@
     {{statusStr|translate}}
   </div>
   <div class="text-center">
-    <a class="button outline light-gray small-5" ng-click="cancel()" translate>OKAY</a>
+    <a class="button outline round light-gray tiny small-4" ng-click="cancel()" translate>OKAY</a>
   </div>
 </div>
 
@@ -25,6 +25,6 @@
     {{statusStr|translate}}
   </div>
   <div class="text-center">
-    <a class="button outline light-gray small-5" ng-click="cancel()" translate>OKAY</a>
+    <a class="button outline light-gray round tiny small-4" ng-click="cancel()" translate>OKAY</a>
   </div>
 </div>

public/views/preferencesAlias.html

@@ -10,7 +10,7 @@
   <form name="settingsAliasForm" ng-submit="prefAlias.save()" class="columns">
     <label>Alias for <i>{{index.walletName}}</i></label>
     <input type="text" id="alias2" type="text" name="alias2" ng-model="prefAlias.alias">
-    <input type="submit" class="button expand black radius" value="{{'Save'|translate}}"
+    <input type="submit" class="button expand black round" value="{{'Save'|translate}}"
     ng-style="{'background-color':index.backgroundColor}">
   </form>
 <p class="text-gray text-center columns size-14"> Changing wallet alias only afects the local wallet name.

public/views/preferencesBwsUrl.html

@@ -10,7 +10,7 @@
   <form name="settingsBwsUrlForm" ng-submit="prefBwsUrl.save()" class="columns">
     <label>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}}"
+    <input type="submit" class="button expand black round" value="{{'Save'|translate}}"
     ng-style="{'background-color':index.backgroundColor}">
   </form>
 </div>

public/views/preferencesDeleteWallet.html

@@ -14,7 +14,7 @@
   </div>
   <div class="columns text-center m10t">
     <p translate class="size-14 text-gray">Permanently delete this wallet. THIS ACTION CANNONT BE REVERSED</p>
-    <button class="button expand warning" ng-click="preferences.deleteWallet()" translate>
+    <button class="button round expand warning" ng-click="preferences.deleteWallet()" translate>
       Delete wallet
     </button>
   </div>

src/css/main.css

@@ -696,7 +696,6 @@ button.black,
 .button.black {
   background-color: #2C3E50;
   color: #fff;
-  border: 1px solid transparent;
 }
 
 /* GRAY */
@@ -706,6 +705,10 @@ button.gray,
   color: #2C3E50;
 }
 
+button.disabled, button[disabled], .button.disabled, .button[disabled] {
+  border-color: transparent;
+}
+
 button.disabled.black,
 button[disabled].black,
 .button.disabled.black,

src/js/services/notificationsService.js

@@ -52,7 +52,7 @@ angular.module('copayApp.services')
 
       var config = configService.getSync();
       config.colorFor = config.colorFor || {};
-      var color = config.colorFor[walletId] || '#2C3E50';
+      var color = config.colorFor[walletId] || '#7A8C9E';
       var name = config.aliasFor[walletId] || walletName;
 
       switch (notificationData.type) {