diff --git a/i18n/po/template.pot b/i18n/po/template.pot
index 4357a5263..5079cfb6e 100644
--- a/i18n/po/template.pot
+++ b/i18n/po/template.pot
@@ -20,7 +20,9 @@ msgstr ""
 msgid "(my other wallet)"
 msgstr ""
 
-#: public/views/walletHome.html:717
+
+#: public/views/walletHome.html:674
+
 msgid "(possible double spend)"
 msgstr ""
 
@@ -72,12 +74,13 @@ msgstr ""
 msgid "Add address"
 msgstr ""
 
-#: public/views/walletHome.html:617
+
+#: public/views/walletHome.html:574
 msgid "Add answer"
 msgstr ""
 
-#: public/views/walletHome.html:517
-#: public/views/walletHome.html:617
+#: public/views/walletHome.html:574
+
 msgid "Add fields"
 msgstr ""
 
@@ -95,7 +98,8 @@ msgstr ""
 msgid "Address"
 msgstr ""
 
-#: public/views/walletHome.html:589
+#: public/views/walletHome.html:546
+
 msgid "Address to attest"
 msgstr ""
 
@@ -157,10 +161,12 @@ msgstr ""
 msgid "Also in the Settings menu, you will find security options such as setting a password."
 msgstr ""
 
+
 #: public/views/walletHome.html:501
 msgid "Also send data..."
 msgstr ""
 
+
 #: public/views/includes/password.html:42
 msgid "Also, don't forget to delete your seed"
 msgstr ""
@@ -173,8 +179,9 @@ msgstr ""
 #: public/views/walletHome.html:376
 msgid "Amount"
 msgstr ""
+r
+#: public/views/walletHome.html:574
 
-#: public/views/walletHome.html:617
 msgid "Answer"
 msgstr ""
 
@@ -199,7 +206,9 @@ msgstr ""
 msgid "Asset"
 msgstr ""
 
+
 #: public/views/walletHome.html:575
+
 msgid "Attest profile data linked to any Obyte address."
 msgstr ""
 
@@ -245,16 +254,12 @@ msgstr ""
 msgid "Back"
 msgstr ""
 
-#: public/views/preferencesGlobal.html:105
-msgid "Backup all wallet data"
-msgstr ""
-
 #: public/views/walletHome.html:250
 msgid "Backup now"
 msgstr ""
 
-#: public/views/preferencesGlobal.html:126
-msgid "Backup only the seed words"
+#: public/views/preferencesGlobal.html:108
+msgid "Backup wallet seed"
 msgstr ""
 
 #: src/js/controllers/backup.js:7
@@ -286,6 +291,7 @@ msgstr ""
 msgid "Bind payment"
 msgstr ""
 
+
 #: public/views/walletHome.html:469
 msgid "Bind the payment to a condition"
 msgstr ""
@@ -294,6 +300,7 @@ msgstr ""
 msgid "Bind the payment to a condition..."
 msgstr ""
 
+
 #: public/views/paymentUri.html:10
 msgid "Bitcoin URI is NOT valid!"
 msgstr ""
@@ -320,7 +327,9 @@ msgid "CONTINUE"
 msgstr ""
 
 #: public/views/modals/destination-address.html:128
+
 #: public/views/walletHome.html:534
+
 #: src/js/controllers/copayers.js:9
 #: src/js/controllers/preferencesDelete.js:10
 #: src/js/controllers/walletHome.js:138
@@ -381,6 +390,7 @@ msgid "Click this button to create a payment file and send it to a recipient."
 msgstr ""
 
 #: public/views/walletHome.html:555
+
 msgid "Click this button to create payment and share it via private message in chat apps or to create a paper wallet."
 msgstr ""
 
@@ -437,9 +447,11 @@ msgstr ""
 #: src/js/controllers/copayers.js:10
 #: src/js/controllers/index.js:661
 #: src/js/controllers/preferencesDelete.js:11
+
 #: src/js/controllers/walletHome.js:139
 #: src/js/controllers/walletHome.js:1867
 #: src/js/controllers/walletHome.js:1871
+
 #: src/js/services/confirmDialog.js:10
 msgid "Confirm"
 msgstr ""
@@ -568,7 +580,7 @@ msgstr ""
 msgid "Data into datafeed"
 msgstr ""
 
-#: public/views/walletHome.html:507
+c/views/walletHome.html:507
 msgid "Data to be posted with the payment:"
 msgstr ""
 
@@ -577,6 +589,7 @@ msgid "Datafeed name"
 msgstr ""
 
 #: public/views/walletHome.html:617
+
 msgid "Datafeed value"
 msgstr ""
 
@@ -612,6 +625,7 @@ msgstr ""
 msgid "Delete wallet"
 msgstr ""
 
+
 #: src/js/controllers/walletHome.js:1864
 msgid "Deleting the textcoin will remove the ability to claim it back or resend"
 msgstr ""
@@ -656,6 +670,7 @@ msgstr ""
 msgid "Done"
 msgstr ""
 
+
 #: public/views/walletHome.html:774
 msgid "Download CSV file"
 msgstr ""
@@ -719,8 +734,10 @@ msgstr ""
 msgid "Fee"
 msgstr ""
 
+
 #: public/views/walletHome.html:510
 #: public/views/walletHome.html:617
+
 msgid "Field"
 msgstr ""
 
@@ -744,6 +761,10 @@ msgstr ""
 msgid "Full address:"
 msgstr ""
 
+#: public/views/preferencesGlobal.html:126
+msgid "Full backup"
+msgstr ""
+
 #: public/views/splash.html:92
 msgid "GET STARTED"
 msgstr ""
@@ -883,6 +904,7 @@ msgid "Including pending confirmation"
 msgstr ""
 
 #: public/views/walletHome.html:691
+
 msgid ""
 "Initial transaction history synchronization can take some minutes for wallets with many transactions.<br>\n"
 "          Please stand by."
@@ -896,7 +918,9 @@ msgstr ""
 msgid "Insert private profile"
 msgstr ""
 
+
 #: public/views/walletHome.html:710
+
 msgid "Invalid"
 msgstr ""
 
@@ -973,7 +997,9 @@ msgstr ""
 msgid "More"
 msgstr ""
 
+
 #: public/views/walletHome.html:709
+
 msgid "Moved"
 msgstr ""
 
@@ -1016,7 +1042,9 @@ msgstr ""
 
 #: public/views/authConfirmation.html:22
 #: src/js/controllers/index.js:660
+
 #: src/js/controllers/walletHome.js:1879
+
 msgid "No"
 msgstr ""
 
@@ -1033,22 +1061,26 @@ msgid "No profiles yet."
 msgstr ""
 
 #: public/views/walletHome.html:675
+
 msgid "No transactions yet"
 msgstr ""
 
 #: public/views/modals/claim-textcoin.html:21
 #: public/views/modals/customized-amount.html:51
 #: public/views/modals/destination-address.html:113
+
 #: public/views/walletHome.html:371
 #: public/views/walletHome.html:424
 #: public/views/walletHome.html:433
 #: public/views/walletHome.html:594
+
 msgid "Not valid"
 msgstr ""
 
 #: public/views/includes/output.html:12
 #: public/views/modals/tx-details.html:109
 #: public/views/modals/tx-details.html:84
+
 #: public/views/walletHome.html:487
 #: public/views/walletHome.html:739
 msgid "Note"
@@ -1096,6 +1128,7 @@ msgstr ""
 msgid "Open chat"
 msgstr ""
 
+
 #: public/views/walletHome.html:617
 msgid "Options for answering"
 msgstr ""
@@ -1221,6 +1254,7 @@ msgstr ""
 msgid "Port"
 msgstr ""
 
+
 #: public/views/walletHome.html:584
 msgid "Post a poll into Obyte network that users can vote on with Poll bot."
 msgstr ""
@@ -1250,6 +1284,7 @@ msgstr ""
 msgid "Private assets (such as blackbytes) and smart contracts are not recovered."
 msgstr ""
 
+
 #: src/js/controllers/walletHome.js:1933
 #: src/js/controllers/walletHome.js:2009
 msgid "Private payloads sent"
@@ -1263,11 +1298,13 @@ msgstr ""
 msgid "Profile"
 msgstr ""
 
+
 #: public/views/walletHome.html:617
 msgid "Profile field"
 msgstr ""
 
 #: public/views/walletHome.html:617
+
 msgid "Profile field value"
 msgstr ""
 
@@ -1287,6 +1324,7 @@ msgstr ""
 msgid "QR-Scanner"
 msgstr ""
 
+
 #: public/views/walletHome.html:604
 msgid "Question to be voted on"
 msgstr ""
@@ -1303,6 +1341,7 @@ msgstr ""
 msgid "Receive"
 msgstr ""
 
+
 #: public/views/walletHome.html:706
 msgid "Received"
 msgstr ""
@@ -1320,8 +1359,8 @@ msgstr ""
 msgid "Recover"
 msgstr ""
 
-#: public/views/preferencesGlobal.html:135
-msgid "Recover with seed words"
+#: public/views/preferencesGlobal.html:117
+msgid "Recovery from seed"
 msgstr ""
 
 #: public/views/walletHome.html:80
@@ -1382,8 +1421,8 @@ msgstr ""
 msgid "Required number of signatures"
 msgstr ""
 
-#: public/views/preferencesGlobal.html:114
-msgid "Restore all wallet data"
+#: public/views/preferencesGlobal.html:135
+msgid "Restore from full backup"
 msgstr ""
 
 #: public/views/splash.html:64
@@ -1456,6 +1495,7 @@ msgid "Select your identity"
 msgstr ""
 
 #: public/views/includes/transaction.html:10
+
 #: public/views/walletHome.html:537
 #: public/views/walletHome.html:636
 #: src/js/controllers/index.js:814
@@ -1486,7 +1526,9 @@ msgstr ""
 msgid "Sending..."
 msgstr ""
 
+
 #: public/views/walletHome.html:708
+
 msgid "Sent"
 msgstr ""
 
@@ -1530,6 +1572,7 @@ msgid "Share via message"
 msgstr ""
 
 #: public/views/walletHome.html:766
+
 msgid "Show all"
 msgstr ""
 
@@ -1590,7 +1633,7 @@ msgstr ""
 msgid "Status"
 msgstr ""
 
-#: public/views/preferencesGlobal.html:122
+#: public/views/preferencesGlobal.html:104
 msgid "Still not done"
 msgstr ""
 
@@ -1604,6 +1647,7 @@ msgstr ""
 #: src/js/controllers/index.js:326
 #: src/js/controllers/index.js:354
 #: src/js/controllers/preferencesDelete.js:56
+
 #: src/js/controllers/walletHome.js:1933
 #: src/js/controllers/walletHome.js:2009
 msgid "Success"
@@ -1631,7 +1675,9 @@ msgstr ""
 
 #: public/views/walletHome.html:117
 #: public/views/walletHome.html:122
+
 #: public/views/walletHome.html:673
+
 msgid "Tap to retry"
 msgstr ""
 
@@ -1678,7 +1724,7 @@ msgid "The signature is"
 msgstr ""
 
 #: public/views/includes/backup-reminder.html:7
-msgid "The total amount in your wallet is"
+msgid "The total amount on your wallet is"
 msgstr ""
 
 #: public/views/modals/vote.html:52
@@ -1714,6 +1760,7 @@ msgstr ""
 msgid "This option is better for privacy but will take  several gigabytes of storage and the initial sync will take several days.  CPU load will be high during sync."
 msgstr ""
 
+
 #: public/views/walletHome.html:457
 msgid "This payment is bound to a condition..."
 msgstr ""
@@ -1756,7 +1803,9 @@ msgstr ""
 #: public/views/includes/transaction.html:19
 #: public/views/modals/tx-details.html:39
 #: public/views/modals/tx-details.html:74
+
 #: public/views/walletHome.html:741
+
 #: src/js/controllers/index.js:1596
 msgid "To"
 msgstr ""
@@ -1769,7 +1818,9 @@ msgstr ""
 msgid "To be able to restore everything, please create a full backup (find the option in the menu)"
 msgstr ""
 
+
 #: public/views/walletHome.html:647
+
 msgid "To be able to send arbitrary data into O<sub>byte</sub> network, please switch to a single-address wallet first or create one."
 msgstr ""
 
@@ -1868,12 +1919,14 @@ msgstr ""
 msgid "Valid till"
 msgstr ""
 
+
 #: public/views/walletHome.html:511
 #: public/views/walletHome.html:617
 msgid "Value"
 msgstr ""
 
 #: public/views/walletHome.html:617
+
 msgid "Values"
 msgstr ""
 
@@ -1975,6 +2028,7 @@ msgstr ""
 #: public/views/walletHome.html:526
 #: public/views/walletHome.html:550
 #: public/views/walletHome.html:628
+
 msgid "Who signs:"
 msgstr ""
 
@@ -2077,10 +2131,6 @@ msgstr ""
 msgid "and erase the textcoin to keep it safe from attackers."
 msgstr ""
 
-#: public/views/includes/backup-reminder.html:7
-msgid "and it is recommended you back it up."
-msgstr ""
-
 #: public/views/modals/accept-profile.html:31
 #: public/views/modals/offer-prosaic-contract.html:55
 #: public/views/modals/offer-prosaic-contract.html:62
@@ -2141,6 +2191,7 @@ msgstr ""
 msgid "clear chat history"
 msgstr ""
 
+
 #: public/views/walletHome.html:617
 msgid "confirmed"
 msgstr ""
@@ -2212,6 +2263,10 @@ msgstr ""
 msgid "invalid"
 msgstr ""
 
+#: public/views/includes/backup-reminder.html:7
+msgid "it is recommended to back it up."
+msgstr ""
+
 #: public/views/modals/share.html:36
 msgid "keep for myself"
 msgstr ""
@@ -2358,7 +2413,9 @@ msgstr ""
 msgid "validate contract integrity"
 msgstr ""
 
+
 #: src/js/controllers/walletHome.js:916
+
 msgid "wait for sync to complete before sending payments"
 msgstr ""
 
diff --git a/public/img/wallet.png b/public/img/wallet.png
new file mode 100644
index 000000000..7f05b7003
Binary files /dev/null and b/public/img/wallet.png differ
diff --git a/public/img/wallet_dark.png b/public/img/wallet_dark.png
new file mode 100644
index 000000000..b69309d1b
Binary files /dev/null and b/public/img/wallet_dark.png differ
diff --git a/public/img/wallet_dark2.png b/public/img/wallet_dark2.png
new file mode 100644
index 000000000..c96d98f5e
Binary files /dev/null and b/public/img/wallet_dark2.png differ
diff --git a/public/partialClient.html b/public/partialClient.html
index 8b4b3a381..81b439e7f 100644
--- a/public/partialClient.html
+++ b/public/partialClient.html
@@ -32,7 +32,7 @@
               </section>
               <section class="middle tab-bar-section">
                 <h1 class="title ellipsis" id="name1Color"
-                    style="color: rgb(74, 144, 226);">
+                    style="color: '#E4E8EC';">
                   <span id="name1"></span>
                 </h1>
               </section>
@@ -50,7 +50,7 @@
                     </div>
                     <div class="pr columns line-b">
                       <div class="avatar-wallet left" id="subStrName"
-                           style="background-color: rgb(74, 144, 226);">S
+                           style="background-color: '#E4E8EC';">
                       </div>
                       <div class="wallet-info">
                         <p class="m0" id="name2"></p>
@@ -78,4 +78,4 @@
   <div>
     <img style="width: auto;height: 75px;" src="img/icons/obyte-logo-negative.svg">
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/public/views/acceptCorrespondentInvitation.html b/public/views/acceptCorrespondentInvitation.html
index 63c0708d2..660339184 100644
--- a/public/views/acceptCorrespondentInvitation.html
+++ b/public/views/acceptCorrespondentInvitation.html
@@ -27,7 +27,7 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
 
 
 
-    
+
   <div class="onGoingProcess" ng-show="onGoingProcess">
     <div class="onGoingProcess-content" ng-style="{'background-color':backgroundColor}">
       <div class="spinner">
@@ -45,23 +45,23 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
     <div class="columns m20t m20b" >
         <form name="pairingCodeForm" class="p10" no-validate>
 		  <span translate>Enter the pairing code received from the other device, or use your camera (icon at the upper right corner) to scan the QR code displayed on the other device.</span>
-          <div class="text-warning size-12 m10b" ng-show="error">{{error|translate}}</div>
-          <input type="text" placeholder="{{'Pairing code'|translate}}" id="code" name="code" ng-model="code" required>
+          <div class="text-warning size-13 m10b" ng-show="error">{{error|translate}}</div>
+          <input type="text" placeholder="{{'Pairing code'|translate}}" id="code" name="code" ng-model="code" required style="margin-top:20px;">
           <div class="row">
             <div>
-              <input type="submit" 
-                     class="button expand round" 
+              <input type="submit"
+                     class="button expand round"
                      value="{{'Pair'|translate}}"
                      ng-disabled="!pairingCodeForm.$valid"
-                     ng-style="{'background-color':backgroundColor}" 
+                     ng-style="{'background-color':backgroundColor}"
                      ng-click="pair()">
             </div>
           </div>
         </form>
     </div>
-      
+
 
 
     <div class="extra-margin-bottom"></div>
 </div>
-<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>
\ No newline at end of file
+<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>
diff --git a/public/views/addCorrespondentDevice.html b/public/views/addCorrespondentDevice.html
index b0767f2bb..58c1de4ae 100644
--- a/public/views/addCorrespondentDevice.html
+++ b/public/views/addCorrespondentDevice.html
@@ -1,5 +1,5 @@
-<div 
-  class="topbar-container" 
+<div
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Add a new device'; goBackToState = true; noColor = true; index.tab = 'chat'">
 </div>
@@ -10,15 +10,15 @@
 <ul class="no-bullet manage size-12">
 	<li>
 		<a ng-click="$root.go('correspondentDevices.addCorrespondentDevice.inviteCorrespondentDevice')">
-			<i class="fi-die-four circle plus-fixed"></i>	
-			<i class="icon-arrow-right3 size-18 right m20t"></i>  
-			<span translate style="max-width: 60%">Invite the other device</span>
+			<i class="fi-die-four circle plus-fixed"></i>
+			<i class="icon-arrow-right3 size-18 right m20t"></i>
+			<span translate style="max-width: 60%; margin-top: 15px;">Invite the other device</span>
 		</a>
 	</li>
 	<li>
 		<a ng-click="$root.go('correspondentDevices.addCorrespondentDevice.acceptCorrespondentInvitation')">
-			<i class="icon-scan circle"></i>	  
-			<i class="icon-arrow-right3 size-18 right m20t"></i>  
+			<i class="icon-scan circle"></i>
+			<i class="icon-arrow-right3 size-18 right m20t"></i>
 			<span translate style="max-width: 60%">Accept invitation from the other device</span>
 		</a>
 	</li>
diff --git a/public/views/backup.html b/public/views/backup.html
index 41bbd1db0..e85a7d4d0 100644
--- a/public/views/backup.html
+++ b/public/views/backup.html
@@ -35,7 +35,7 @@ <h4></h4>
         Wallet seed not available.
     </div>
   </div>
- 
+
   <div ng-show="wordsC.mnemonicWords || (wordsC.credentialsEncrypted && !wordsC.deleted)">
     <div class="row">
         <div class="m10t columns">
@@ -65,7 +65,7 @@ <h4></h4>
     <div class="row" ng-show="wordsC.show">
         <div class="columns">
         <div class="p10" style="background:white;-webkit-user-select: text;" ng-class="{'enable_text_select': index.network == 'testnet'}">
-          <span ng-repeat="word in wordsC.mnemonicWords track by $index"><span style="white-space:nowrap">{{word}}</span><span ng-show="wordsC.useIdeograms">&#x3000;</span> </span>  
+          <span ng-repeat="word in wordsC.mnemonicWords track by $index"><span style="white-space:nowrap">{{word}}</span><span ng-show="wordsC.useIdeograms">&#x3000;</span> </span>
         </div>
         </div>
     </div>
@@ -83,13 +83,13 @@ <h4></h4>
 
     <div class="row" ng-show="wordsC.show">
         <div class="m10t text-center columns">
-          <div class="size-12 text-gray">
+          <div class="size-13 text-gray">
             <span translate>
               Once you have written your wallet seed down, it is recommended to delete it from this device.
             </span>
           </div>
           <button class="button outline m10t round dark-gray tiny" ng-click="wordsC.delete()">
-            <i class="fi-trash"></i> 
+            <i class="fi-trash"></i>
             <span translate>
               DELETE WORDS
             </span>
diff --git a/public/views/bot.html b/public/views/bot.html
index c01ebd816..9499feab7 100644
--- a/public/views/bot.html
+++ b/public/views/bot.html
@@ -28,8 +28,8 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
 
 <div class="columns m20t" style="position: absolute; padding-bottom: 60px;">
 	<h1 style="font-weight: 200; margin-bottom: 25px">{{bot.name}}</h1>
-  	<div class="m30b" translate dynamic="bot.description" style="-webkit-user-select: text;"></div>
-  
+  	<div class="m30b" style="font-size:14px;" translate dynamic="bot.description" style="-webkit-user-select: text;"></div>
+
   <div class="row">
     <div>
       <input ng-if="bot.isPaired" type="button" class="button expand round" value="{{'Open chat'|translate}}" ng-style="{'background-color':backgroundColor}" ng-click="open(bot)" ng-disabled="!bot">
@@ -37,9 +37,9 @@ <h1 style="font-weight: 200; margin-bottom: 25px">{{bot.name}}</h1>
     </div>
   </div>
 </div>
-      
+
 
 
     <div class="extra-margin-bottom"></div>
 </div>
-<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>
\ No newline at end of file
+<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>
diff --git a/public/views/copayers.html b/public/views/copayers.html
index 00e49817b..57ebd3308 100644
--- a/public/views/copayers.html
+++ b/public/views/copayers.html
@@ -28,7 +28,7 @@ <h4 class="title oh m0">
     </h4>
     <div class="p10 line-b" ng-include="'views/includes/copayers.html'"></div>
     <div ng-if="!index.isComplete" class="p10 line-b m20b">
-      <p class="size-12 m0">
+      <p class="size-13 m0">
       <i class="fi-loop"></i>
       <span translate>Waiting...</span>
       </p>
diff --git a/public/views/correspondentDevice.html b/public/views/correspondentDevice.html
index 2c5890b04..1a0d2871e 100644
--- a/public/views/correspondentDevice.html
+++ b/public/views/correspondentDevice.html
@@ -17,10 +17,11 @@
 
     <section class="middle tab-bar-section" style="overflow: hidden;">
 	    <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor}">
-	      {{correspondent.name}}
+        {{correspondent.name}}
+        <span class="color-indicator" ng-style="{'background-color': noColor ? '#red' : index.backgroundColor}"><span>
 	    </h1>
     </section>
-      
+
     <section class="right-small" ng-click="editCorrespondent()">
       <a href class="p10">
         <span class="text-close" translate>More</span>
@@ -117,7 +118,7 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
     	left: 50%;
     	margin-left: -75px;
     }
-    
+
 
 /*
 Chat bubble CSS credits http://codepen.io/samuelkraft/pen/Farhl
@@ -266,7 +267,7 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
 }
 </style>
 
-    
+
   <div class="onGoingProcess" ng-show="onGoingProcess">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
       <div class="spinner">
@@ -281,7 +282,7 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
   </div>
 
     <!--div class="columns m20t m20b" -->
-      <!--div ng-click="editCorrespondent()" class="pointer"> 
+      <!--div ng-click="editCorrespondent()" class="pointer">
         {{correspondent.name}} ({{correspondent.device_address | limitTo:4}}...)
         <div class="right text-gray"><i class="icon-arrow-right3 size-24"></i></div>
         <div class="size-10 text-gray ellipsis">{{correspondent.device_address}}@{{correspondent.hub}}</div>
@@ -306,7 +307,7 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
 	  </div>
 	</div>
 
-      <div class="message-log size-12 enable_text_select" scroll-bottom="messageEvents" when-scrolled="loadMoreHistory" bind-to-height="['bottom','form[name=chatForm]']" ng-mousemove="newMsgCounterEnabled ?'': newMessagesCount[correspondent.device_address] = 0">
+      <div class="message-log size-13 enable_text_select" scroll-bottom="messageEvents" when-scrolled="loadMoreHistory" bind-to-height="['bottom','form[name=chatForm]']" ng-mousemove="newMsgCounterEnabled ?'': newMessagesCount[correspondent.device_address] = 0">
         <div class="chat-message" ng-repeat="messageEvent in messageEvents">
             <!--div style="width:100%" ng-style="messageEvent.bIncoming ? {'text-align': 'left'} : {'text-align': 'right'}"-->
               <!--div style="max-width: 70%; text-align: left; display: inline-block" ng-bind-html="messageEvent.message"></div-->
@@ -317,9 +318,9 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
             <div class="clear"></div>
         </div>
       </div>
-        
+
         <form name="chatForm" class="send-form columns" no-validate ng-mousemove="newMsgCounterEnabled ?'': newMessagesCount[correspondent.device_address] = 0">
-          <div class="text-warning size-12 m10b" ng-show="error">{{error|translate}}</div>
+          <div class="text-warning size-13 m10b" ng-show="error">{{error|translate}}</div>
            <button
           	class="chatbutton left"
                      dropdown-toggle="#drop" data-options="align:top"><i class="size-18 icon-dots-three-horizontal"></i></button>
@@ -348,37 +349,37 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
 			  </li>
 			</ul>
           <textarea rows="1" msd-elastic id="message" name="message" ng-model="message" ng-attr-autofocus="{{!isCordova && true || undefined}}" required ng-enter="send()" class="textinput" placeholder="{{'Text message to'|translate}} {{correspondent.name}}"></textarea>
-          <button type="submit" 
+          <button type="submit"
           	class="chatbutton right"
                      ng-disabled="!chatForm.$valid"
-                     ng-style="{'background-color':index.backgroundColor}" 
+                     ng-style="{'background-color':index.backgroundColor}"
                      ng-click="send()"><i class="size-18 icon-paperplane"></i></button>
           <!--<div class="row">
             <div class="large-4 medium-4 small-4 columns adaptive">
               <button type="button"
-                     class="button expand round outline dark-gray tiny" 
+                     class="button expand round outline dark-gray tiny"
                      ng-click="insertMyAddress()">Insert my address</button>
             </div>
             <div class="large-4 medium-4 small-4 columns adaptive">
               <button type="button"
-                     class="button expand round outline dark-gray tiny" 
+                     class="button expand round outline dark-gray tiny"
                      ng-click="requestPayment()">Request payment</button>
             </div>
             <div class="large-4 medium-4 small-4 columns adaptive">
-              <input type="submit" 
-                     class="button expand round" 
+              <input type="submit"
+                     class="button expand round"
                      value="{{'Send'}}"
                      ng-disabled="!chatForm.$valid"
                      style="padding-top: 15px; padding-bottom: 15px"
-                     ng-style="{'background-color':backgroundColor}" 
+                     ng-style="{'background-color':backgroundColor}"
                      ng-click="send()">
             </div>
           </div>-->
         </form>
     <!--/div-->
-      
+
 
 
     <div class="extra-margin-bottom"></div>
 </div>
-<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>
\ No newline at end of file
+<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>
diff --git a/public/views/correspondentDevices.html b/public/views/correspondentDevices.html
index 35b4f2cfa..1a0109ff4 100644
--- a/public/views/correspondentDevices.html
+++ b/public/views/correspondentDevices.html
@@ -1,9 +1,12 @@
 <style type="text/css">
-	.bots-list { padding: 10px 10px 5px 10px }
+	.bots-list {
+		 padding: 10px 10px 5px 10px;
+		 height: 50px;
+	 }
 
 	.bot_name {
 		text-overflow: ellipsis;
-		max-width: 75%;
+		max-width: 60%;
 		display: inline-block;
 		white-space: nowrap;
 		overflow: hidden;
@@ -49,7 +52,7 @@
 
 	.bots-orders-list.f-dropdown li,
 	.contacts-orders-list.f-dropdown li { fo5nt-size: 12px }
-	
+
 	.contacts-orders-list.f-dropdown li a .check, .bots-orders-list.f-dropdown li a .check {
 		position: inherit;
 	}
@@ -140,7 +143,7 @@
 					<a class="selectCorrespondentList" ng-show="editCorrespondentList" ng-click="toggleSelectCorrespondentList(correspondent.device_address)">
 						<i class="fi-trash"></i>
 					</a>
-					<div ng-click="showCorrespondent(correspondent)" class="pointer">
+					<div ng-click="showCorrespondent(correspondent)" class="pointer size-14">
 						{{correspondent.name}} ({{correspondent.device_address | limitTo:4}}...)
 						<div class="right text-gray"><i class="icon-arrow-right3 size-24" ng-show="!editCorrespondentList && hideRemove"></i></div>
 						<div class="right correspondentlist_badge" ng-show="newMessagesCount[correspondent.device_address]">{{newMessagesCount[correspondent.device_address]}}</div>
@@ -150,13 +153,13 @@
 				<li class="m10t" ng-show="!editCorrespondentList">
 					<a ng-click="beginAddCorrespondent()" class="p10">
 						<i class="fi-plus size-18 m10r" style="vertical-align: middle;"></i>
-						<span class="text-close size-12" translate>Add a new device</span>
+						<span class="text-close size-14" translate>Add a new device</span>
 					</a>
 				</li>
 				<li class="m10t m30b" ng-show="!editCorrespondentList" style="padding-bottom: env(safe-area-inset-bottom);">
 					<a ng-click="hideRemove = !hideRemove" class="p10">
 						<i class="fi-minus size-18 m10r" style="vertical-align: middle;"></i>
-						<span class="text-close size-12" translate>Remove a device</span>
+						<span class="text-close size-14" translate>Remove a device</span>
 					</a>
 				</li>
 			</ul>
@@ -188,16 +191,17 @@
 			<!--hr class="order-divider"-->
 			<ul class="no-bullet m0 correspondentList">
 				<li class="bots-list line-b" ng-repeat="bot in bots | filter:{name_and_desc: botsSearchText} | orderBy:botsSortOrder">
-					<div ng-click="showBot(bot)" class="pointer">
-						<span class="bot_name">{{bot.name}}</span>
+					<div ng-click="showBot(bot)" class="pointer" style="height:40px;">
+						<div class="label tu radius light-gray" ng-if="bot.isPaired" translate style="vertical-align:middle">Added</div>
+						<span class="bot_name size-14">{{bot.name}}</span>
 						<div class="right text-gray"><i class="icon-arrow-right3 size-24" ng-show="!editCorrespondentList && hideRemove"></i></div>
-						<div class="right label tu radius light-gray" ng-if="bot.isPaired" translate style="margin-top: 5px">Added</div>
+
 					</div>
 				</li>
 			</ul>
-			<div class="text-warning size-12 m10b" ng-show="botsError">{{botsError|translate}}</div>
+			<div class="text-warning size-13 m10b" ng-show="botsError">{{botsError|translate}}</div>
 		</div>
 	</div>
 
 </div>
-<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>
\ No newline at end of file
+<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>
diff --git a/public/views/create.html b/public/views/create.html
index 48d1f1182..4aaadf0f4 100644
--- a/public/views/create.html
+++ b/public/views/create.html
@@ -53,7 +53,7 @@
         </div>
 
         <div ng-hide="create.hideWalletName">
-          <label><span translate class="left m10t">Single address wallet</span>
+          <label><span translate class="left ">Single address wallet</span>
             <switch name="isSingleAddress" ng-model="isSingleAddress" class="green right m10b"></switch>
           </label>
           <div class="description m10b" translate>
@@ -163,15 +163,15 @@
                 <span>Testnet</span>
                 <switch id="network-name" name="isTestnet" ng-model="isTestnet" class="green right m5t m10b"></switch>
               </label>
-            </div> 
+            </div>
           </div>
         </div--> <!-- advanced -->
 
-        <button type="submit" class="button round black expand m0" ng-show="totalCosigners != 1" ng-disabled="setupForm.$invalid || create.loading">
+        <button type="submit" class="button round black expand m20t" ng-show="totalCosigners != 1" ng-disabled="setupForm.$invalid || create.loading">
           <span translate>Create {{requiredCosigners}}-of-{{totalCosigners}} wallet</span>
         </button>
 
-        <button type="submit" class="button round black expand m0" ng-show="totalCosigners == 1" ng-disabled="setupForm.$invalid || create.loading">
+        <button type="submit" class="button round black expand m20t" ng-show="totalCosigners == 1" ng-disabled="setupForm.$invalid || create.loading">
           <span translate>Create new wallet</span>
         </button>
 
diff --git a/public/views/editCorrespondentDevice.html b/public/views/editCorrespondentDevice.html
index 404d103e6..609517ea8 100644
--- a/public/views/editCorrespondentDevice.html
+++ b/public/views/editCorrespondentDevice.html
@@ -38,7 +38,7 @@ <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backg
 	  </div>
 		
         <form name="editForm" class="m20t" no-validate>
-          <div class="text-warning size-12 m10b" ng-show="error">{{error|translate}}</div>
+          <div class="text-warning size-13 m10b" ng-show="error">{{error|translate}}</div>
 		  <span translate>Rename:</span>
 	      <input type="text" id="name" name="name" ng-model="name" required>
 		  <span translate>Change hub:</span>
diff --git a/public/views/export.html b/public/views/export.html
index 0034ff20f..703fde5bd 100644
--- a/public/views/export.html
+++ b/public/views/export.html
@@ -52,7 +52,7 @@ <h4></h4>
 				</div>
 			</div>
 		</form>
-		<div class="text-alert size-12 columns">
+		<div class="text-alert size-13 columns">
 			<span translate>WARNING:</span>
 			<ul class="warnings">
 				<li translate>If you plan to restore the wallet on another device, stop using it on the current one immediately after creating the backup.  Never clone wallets.  If you need access from several devices, use multisig.</li>
diff --git a/public/views/import.html b/public/views/import.html
index 9890d6cce..803434270 100644
--- a/public/views/import.html
+++ b/public/views/import.html
@@ -40,7 +40,7 @@ <h4></h4>
 				   value="{{'Import'|translate}}" ng-style="{'background-color':index.backgroundColor}">
 		</form>
 	</div>
-	<div class="text-alert size-12 columns">
+	<div class="text-alert size-13 columns">
 		<span translate>WARNINGS:</span>
 		<ul class="warnings">
 			<li translate>This will permanently delete all your existing wallets!</li>
diff --git a/public/views/includes/copayers.html b/public/views/includes/copayers.html
index 3bdcf5104..1b28f2e7f 100644
--- a/public/views/includes/copayers.html
+++ b/public/views/includes/copayers.html
@@ -3,7 +3,7 @@
   <span class="size-12" ng-show="copayer.me">
     <i class="fi-check m5r"></i> {{'Me'|translate}}
   </span>
-  <span class="size-12 text-gray" ng-show="!copayer.me">
+  <span class="size-13 text-gray" ng-show="!copayer.me">
     <i class="m5r" ng-class="copayer.approval_date ? 'fi-check' : 'fi-clock'"></i> {{copayer.name}} ({{copayer.device_address.substr(0,4)}}...)
   </span>
   </li>
diff --git a/public/views/includes/password.html b/public/views/includes/password.html
index 04611aa23..5e11fc92a 100644
--- a/public/views/includes/password.html
+++ b/public/views/includes/password.html
@@ -13,7 +13,7 @@
       <span translate>Enter your password</span>
     </label>
 
-    <div class="text-warning size-12 m10b" ng-show="index.askPassword.error">{{index.askPassword.error|translate}}</div>
+    <div class="text-warning size-13 m10b" ng-show="index.askPassword.error">{{index.askPassword.error|translate}}</div>
     <div class="input m20t">
       <input type="password" placeholder="{{'Your password'|translate}}"
       id="passwordInput" name="password" ng-model="pass.password">
@@ -35,7 +35,7 @@
     </div>
   </div>
 
-    <p class="text-warning size-12 columns m20t text-center" ng-show="index.askPassword.isSetup">
+    <p class="text-warning size-13 columns m20t text-center" ng-show="index.askPassword.isSetup">
       <i class="fi-alert"></i>
       <span translate ng-show="!pass.error"> Your wallet key will be encrypted. Password cannot be recovered. Be sure to write it down</span>
 	  <br><br>
diff --git a/public/views/includes/topbar.html b/public/views/includes/topbar.html
index 85329dc93..3240832d1 100644
--- a/public/views/includes/topbar.html
+++ b/public/views/includes/topbar.html
@@ -19,10 +19,11 @@
   </section>
 
   <section class="middle tab-bar-section">
-    <h1 class="title ellipsis" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor, 'width': '100%'}">
+    <h1 class="title ellipsis" ng-style="{'color': noColor ? '#E4E8EC !important' : index.backgroundColor, 'width': '100%'}"
+        style="color: #E4E8EC !important;">
 		<span ng-if="index.arrBalances[index.assetIndex].shared === undefined && !index.shared_address || titleSection">{{(titleSection|translate) || (index.shared_address || index.alias || index.walletName)}}</span>
 		<span ng-if="(index.arrBalances[index.assetIndex].shared !== undefined || index.shared_address) && !titleSection">
-			<a ng-click="index.openSubwalletModal()" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor, 'display':'flex', 'justify-content': 'center'}">
+			<a ng-click="index.openSubwalletModal()" style="font-weight: bold;" ng-style="{'color': noColor ? '#E4E8EC' : index.backgroundColor, 'display':'flex', 'justify-content': 'center'}">
 				<span class="ellipsis" style="float: left;">
 					{{(index.shared_address || index.alias || index.walletName)}}
 				</span>
diff --git a/public/views/includes/transaction.html b/public/views/includes/transaction.html
index cdc76a55e..924a909a8 100644
--- a/public/views/includes/transaction.html
+++ b/public/views/includes/transaction.html
@@ -8,7 +8,7 @@
   <div class="small-10 columns">
       <div ng-if="!$root.updatingBalance">
         <span class="text-bold size-16"><span translate>Send</span> {{tx.amountStr}}</span>
-        <time class="right size-12 text-gray m5t">{{ (tx.ts || tx.createdOn ) * 1000 | amTimeAgo}}</time>
+        <time class="right size-13 text-gray m5t">{{ (tx.ts || tx.createdOn ) * 1000 | amTimeAgo}}</time>
       </div>
       <div class="ellipsis size-14">
         <span ng-if="tx.hasMultiplesOutputs">
diff --git a/public/views/inviteCorrespondentDevice.html b/public/views/inviteCorrespondentDevice.html
index 3e01f60ce..7d48483ad 100644
--- a/public/views/inviteCorrespondentDevice.html
+++ b/public/views/inviteCorrespondentDevice.html
@@ -6,9 +6,9 @@
 
 
 
-<div ng-controller="inviteCorrespondentDeviceController" style="position: absolute; width: 100%; top:45px; bottom: 37px; overflow: scroll;">
+<div ng-controller="inviteCorrespondentDeviceController" style="position: absolute; width: 100%; top:65px; bottom: 37px; overflow: scroll;">
+
 
-    
 
     <div class="m20b">
 
@@ -28,17 +28,17 @@
 				</span>
 			</div>
           <div class="row">
-              <input type="button" 
-                     class="button expand outline dark-gray round" 
+              <input type="button"
+                     class="button expand outline dark-gray round"
                      ng-click="$root.go('^', true); goBackToState = null"
                      value="{{'Done'|translate}}">
           </div>
         </div>
-      
+
       </div>
 
     </div>
 
-    
+
 </div>
-<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>
\ No newline at end of file
+<div ng-include="'views/includes/menu.html'" ng-show="!index.noFocusedWallet"></div>
diff --git a/public/views/modals/destination-address.html b/public/views/modals/destination-address.html
index 87700b90f..e04175fcb 100644
--- a/public/views/modals/destination-address.html
+++ b/public/views/modals/destination-address.html
@@ -40,14 +40,14 @@ <h1 ng-show="(editAddressbook || !wallets[0]) && !addAddressbookEntry" class="ti
       <a ng-show="editAddressbook && !addAddressbookEntry" href class="p10">
         <span class="text-close" translate>Done</span>
       </a>
-      <qr-scanner ng-show="addAddressbookEntry" 
+      <qr-scanner ng-show="addAddressbookEntry"
         on-scan="onQrCodeScanned(data, addressbookForm)"
         before-scan="beforeQrCodeScann()"></qr-scanner>
     </section>
   </nav>
 
   <div class="modal-content fix-modals-touch">
-    
+
     <div ng-show="selectedWalletsOpt">
       <div class="onGoingProcess" ng-if="gettingAddress">
         <div class="onGoingProcess-content" ng-style="{'background-color':'#222'}">
@@ -69,7 +69,7 @@ <h1 ng-show="(editAddressbook || !wallets[0]) && !addAddressbookEntry" class="ti
             <div class="avatar-wallet"
               ng-style="{'background-color':w.color}">{{(w.name || w.id) | limitTo: 1}}</div>
             <div class="ellipsis name-wallet text-bold">{{w.name || w.id}}</div>
-            <div class="size-12">
+            <div class="size-13">
               {{w.m}} <span translate>of</span> {{w.n}}
               <span ng-show="w.network=='testnet'">[Testnet]</span>
             </div>
@@ -82,22 +82,22 @@ <h1 ng-show="(editAddressbook || !wallets[0]) && !addAddressbookEntry" class="ti
     <div ng-show="!selectedWalletsOpt" class="m20b">
       <ul ng-show="!addAddressbookEntry" class="no-bullet m0" ng-init="listEntries()">
         <li class="p10 line-b" ng-repeat="(addr, label) in list">
-          <a ng-show="selectedAddressbook[addr]" 
-            class="removeAddressbook" 
+          <a ng-show="selectedAddressbook[addr]"
+            class="removeAddressbook"
             ng-click="remove(addr)" translate>Remove</a>
-          <a class="selectAddressbook" 
-            ng-show="editAddressbook" 
+          <a class="selectAddressbook"
+            ng-show="editAddressbook"
             ng-click="toggleSelectAddressbook(addr)">
-            <i class="fi-trash"></i></a> 
-          <div ng-click="selectAddressbook(addr)"> 
+            <i class="fi-trash"></i></a>
+          <div ng-click="selectAddressbook(addr)">
             {{label}}
             <div class="size-10 text-gray ellipsis">{{addr}}</div>
-          </div> 
+          </div>
         </li>
         <li class="m10t" ng-show="!editAddressbook">
           <a ng-click="toggleAddAddressbookEntry()" class="p10">
-            <i class="fi-plus size-18 m10r"></i> 
-            <span class="text-close size-12" translate>Add a new entry</span> 
+            <i class="fi-plus size-18 m10r"></i>
+            <span class="text-close size-13" translate>Add a new entry</span>
             <span ng-show="!list[newAddress] && newAddress">({{newAddress}})</span>
           </a>
         </li>
@@ -106,9 +106,9 @@ <h1 ng-show="(editAddressbook || !wallets[0]) && !addAddressbookEntry" class="ti
       <div ng-show="addAddressbookEntry">
         <h4 class="title m0" translate>Add a new entry</h4>
         <form name="addressbookForm" class="p10" no-validate>
-          <div class="text-warning size-12 m10b" ng-show="error">{{error|translate}}</div>
+          <div class="text-warning size-13 m10b" ng-show="error">{{error|translate}}</div>
           <span ng-hide="addressbookForm.address.$pristine">
-            <span class="has-error right size-12" ng-show="addressbookForm.address.$invalid && addressbook.address">
+            <span class="has-error right size-13" ng-show="addressbookForm.address.$invalid && addressbook.address">
               <i class="icon-close-circle size-14"></i>
               <span class="vm" translate>Not valid</span>
             </span>
@@ -122,22 +122,22 @@ <h4 class="title m0" translate>Add a new entry</h4>
           <input type="text" id="label" name="label" ng-model="addressbook.label" placeholder="{{'Name of the contact'|translate}}" required>
           <div class="row">
             <div class="columns large-6 medium-6 small-6">
-              <input type="button" 
-                     class="button expand outline dark-gray round" 
+              <input type="button"
+                     class="button expand outline dark-gray round"
                      ng-click="newAddress = ''; toggleAddAddressbookEntry()"
                      value="{{'Cancel'|translate}}">
             </div>
             <div class="columns large-6 medium-6 small-6">
-              <input type="submit" 
-                     class="button expand round" 
+              <input type="submit"
+                     class="button expand round"
                      value="{{'Save'|translate}}"
                      ng-disabled="!addressbookForm.$valid"
-                     ng-style="{'background-color':color}" 
+                     ng-style="{'background-color':color}"
                      ng-click="newAddress = ''; add(addressbook)">
             </div>
           </div>
         </form>
-      
+
       </div>
 
     </div>
diff --git a/public/views/modals/offer-contract.html b/public/views/modals/offer-contract.html
index 4decb3410..76d3b370f 100644
--- a/public/views/modals/offer-contract.html
+++ b/public/views/modals/offer-contract.html
@@ -113,7 +113,7 @@ <h4 class="m0 row" translate>Who signs:</h4>
 		<div class="row columns large-12 medium-12">
 			<ul class="no-bullet m20b whopays">
 			  <li class="" ng-repeat="copayer in index.copayers">
-				  <span class="size-12 text-gray" ng-show="copayer.me">
+				  <span class="size-13 text-gray" ng-show="copayer.me">
 					  <i class="icon-contact size-24 m10r"></i>{{'Me'|translate}} <i class="fi-check m5 right"></i>
 				  </span>
 				  <div class="size-12" style="width: 100%" ng-show="!copayer.me" ng-click="copayer.signs = !copayer.signs">
diff --git a/public/views/modals/select-subwallet.html b/public/views/modals/select-subwallet.html
index 2dd2756c7..bb6da1c6a 100644
--- a/public/views/modals/select-subwallet.html
+++ b/public/views/modals/select-subwallet.html
@@ -34,8 +34,8 @@ <h1 class="title ellipsis" ng-style="{'color':color}" translate>
 						<span ng-if="sw.totalStr">{{sw.totalStr}}</span>
 						<span ng-if="!sw.totalStr">{{sw.total.toLocaleString()}}</span>
 					</div>
-					<div class="size-12 ellipsis"><span translate>with</span> {{sw.shared_address_cosigners}}</div>
-					<div class="size-12 ellipsis">
+					<div class="size-13 ellipsis"><span translate>with</span> {{sw.shared_address_cosigners}}</div>
+					<div class="size-13 ellipsis">
 						<span translate>created</span> 
 						<time>{{ sw.creation_ts * 1000 | amDateFormat:'MM/DD/YYYY HH:mm a'}}</time>
 						<time>({{ sw.creation_ts * 1000 | amTimeAgo}})</time>
diff --git a/public/views/modals/vote.html b/public/views/modals/vote.html
index dd2d46303..4e7813c7d 100644
--- a/public/views/modals/vote.html
+++ b/public/views/modals/vote.html
@@ -49,6 +49,6 @@ <h4 class="title m0 row columns" translate>Who signs:</h4>
     </div>
   </div>
 
-  <div class="text-gray size-12 text-center" translate>The vote will be signed by all your funded addresses</div>
+  <div class="text-gray size-13 text-center" translate>The vote will be signed by all your funded addresses</div>
 
 </div>
diff --git a/public/views/paperWallet.html b/public/views/paperWallet.html
index a4d277e4f..22ac4e347 100644
--- a/public/views/paperWallet.html
+++ b/public/views/paperWallet.html
@@ -37,7 +37,7 @@
               <span translate>Passphrase</span>
             </label>
             <input id="passphrase" type="password" name="passphrase" placeholder="{{'Passphrase'|translate}}" ng-model="passphrase">
-            <p ng-show="index.isCordova" translate class="size-12 text-gray">
+            <p ng-show="index.isCordova" translate class="size-13 text-gray">
               Decrypting a paper wallet could take around 5 minutes on this device. please be patient and keep the app open.
             </p>
           </div>
@@ -70,7 +70,7 @@ <h4 class="text-bold" translate>Funds found</h4>
       </button>
     </div>
   </div>
-  <div class="text-center size-12 text-gray">
+  <div class="text-center size-13 text-gray">
     <span translate>Funds will be transferred to</span>:
     <b>{{index.alias || index.walletName}}</b>
   </div-->
diff --git a/public/views/preferences.html b/public/views/preferences.html
index df04f8907..7475d9726 100644
--- a/public/views/preferences.html
+++ b/public/views/preferences.html
@@ -1,6 +1,6 @@
 
-<div 
-  class="topbar-container" 
+<div
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Preferences'; closeToHome = true">
 </div>
@@ -8,18 +8,13 @@
 
 <div class="content preferences" ng-controller="preferencesController as preferences" ng-init="preferences.init()">
 
-  <h4></h4>
   <ul class="no-bullet m0" ng-show="!index.noFocusedWallet">
 
 
     <li  ng-click="$root.go('preferences.preferencesAlias')">
-      <div class="right name-outer-wrap text-gray">
-        <div class="flex">
-          <div class="text-overflow-wrapper">
-            {{index.alias||index.walletName}}
-          </div>
-          <i class="icon-arrow-right3 size-24"></i>
-        </div>
+      <div class="right text-gray">
+        {{index.alias||index.walletName}}
+        <i class="icon-arrow-right3 size-24"></i>
       </div>
       <div translate>Wallet Alias</div>
     </li>
@@ -27,7 +22,7 @@ <h4></h4>
 
     <li ng-click="$root.go('preferences.preferencesColor')">
       <div class="right text-gray">
-        <span ng-style="{'color':index.backgroundColor}">&block;</span>
+        <span ng-style="{'background-color':index.backgroundColor}" style=" width:20px; height:20px; border-radius:50%; display:inline-block; color:transparent;" >&block;</span>
         <i class="icon-arrow-right3 size-24"></i>
       </div>
       <div translate>Color</div>
@@ -49,11 +44,11 @@ <h4></h4>
 
     <li ng-show="index.isPrivKeyExternal">
       <div class="right text-gray">
-        {{preferences.externalSource}} 
+        {{preferences.externalSource}}
         <!-- (Accont {{preferences.externalAccount}}) -->
       </div>
       <div translate>Hardware wallet</div>
-    </li> 
+    </li>
 
     <h4>
     </h4>
@@ -64,9 +59,9 @@ <h4>
     </li>
 
     <h4></h4>
- 
+
     <li ng-click="$root.go('preferences.preferencesAdvanced')">
-      <i class="icon-arrow-right3 size-24 right text-gray"></i>  
+      <i class="icon-arrow-right3 size-24 right text-gray"></i>
       <div translate>Advanced</div>
     </li>
   </ul>
diff --git a/public/views/preferencesAdvanced.html b/public/views/preferencesAdvanced.html
index bbdd86246..a4d380fbd 100644
--- a/public/views/preferencesAdvanced.html
+++ b/public/views/preferencesAdvanced.html
@@ -1,36 +1,35 @@
-<div 
-  class="topbar-container" 
+<div
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Advanced'; goBackToState = true">
 </div>
 
 <div class="content preferences" ng-controller="preferencesAdvancedController as preferences">
 
-  <h4></h4>
+  <!-- <h4></h4> -->
   <ul class="no-bullet m0">
 
     <li  ng-click="$root.go('preferences.preferencesAdvanced.preferencesInformation')">
-      <i class="icon-arrow-right3 size-24 right text-gray"></i>  
+      <i class="icon-arrow-right3 size-24 right text-gray"></i>
       <div translate>Wallet Information</div>
     </li>
 
     <li ng-show="index.network == 'livenet'" class="text-capitalize" ng-click="$root.go('preferences.preferencesAdvanced.paperWallet')">
-      <i class="icon-arrow-right3 size-24 right text-gray"></i>  
+      <i class="icon-arrow-right3 size-24 right text-gray"></i>
       <div translate>Sweep paper wallet</div>
     </li>
- 
+
     <!-- was not adapted from copay
     <li  ng-click="$root.go('preferencesGlobal.export')">
-      <i class="icon-arrow-right3 size-24 right text-gray"></i>  
+      <i class="icon-arrow-right3 size-24 right text-gray"></i>
       <div translate>Export Wallet</div>
     </li>
     -->
- 
+
     <li ng-click="$root.go('preferences.preferencesAdvanced.preferencesDeleteWallet')">
-      <i class="icon-arrow-right3 size-24 right text-gray"></i>  
+      <i class="icon-arrow-right3 size-24 right text-gray"></i>
       <div translate>Delete Wallet</div>
     </li>
   </ul>
 </div>
 <div class="extra-margin-bottom"></div>
-
diff --git a/public/views/preferencesAlias.html b/public/views/preferencesAlias.html
index 622d285af..7b26478a9 100644
--- a/public/views/preferencesAlias.html
+++ b/public/views/preferencesAlias.html
@@ -7,13 +7,13 @@
 <div class="content preferences" ng-controller="preferencesAliasController as prefAlias">
 
 
-  <h4></h4>
+  <!-- <h4></h4> -->
   <form name="settingsAliasForm" ng-submit="prefAlias.save()" class="columns">
     <label><span translate>Alias for</span> <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 round" value="{{'Save'|translate}}" ng-style="{'background-color':index.backgroundColor}">
   </form>
-    <div class="text-gray size-12 text-center" translate>Changing wallet alias only affects the local wallet name.
+    <div class="text-gray size-13 text-center" translate>Changing wallet alias only affects the local wallet name.
   </div>
 </div>
 <div class="extra-margin-bottom"></div>
diff --git a/public/views/preferencesBbUnit.html b/public/views/preferencesBbUnit.html
index 1d55e3470..bd6f11266 100644
--- a/public/views/preferencesBbUnit.html
+++ b/public/views/preferencesBbUnit.html
@@ -1,5 +1,5 @@
-<div 
-  class="topbar-container" 
+<div
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Unit for blackbytes'; goBackToState = true; noColor = true">
 </div>
@@ -8,7 +8,7 @@
 
 
 <div class="content preferences" ng-controller="preferencesBbUnitController as prefUnit">
-  <h4></h4>
+  <!-- <h4></h4> -->
   <ul class="no-bullet m0 ">
   <li ng-repeat="unit in prefUnit.unitOpts" ng-click="prefUnit.save(unit)" class="line-b p20 size-14">
     <span>{{unit.shortName}}</span>
diff --git a/public/views/preferencesColor.html b/public/views/preferencesColor.html
index d55085227..a3f16990f 100644
--- a/public/views/preferencesColor.html
+++ b/public/views/preferencesColor.html
@@ -1,5 +1,5 @@
-<div 
-  class="topbar-container" 
+<div
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Color'; goBackToState = true">
 </div>
@@ -7,11 +7,11 @@
 
 
 <div class="content preferences" ng-controller="preferencesColorController as p">
-  <h4></h4>
   <ul class="no-bullet m0">
-  <li ng-repeat="c in p.colorOpts" ng-click="p.save(c)">
-    <span ng-style="{'color': c}" class="size-16">&block;</span>
-    <i class="fi-check size-16 right" ng-show="p.color == c"></i>
+  <li ng-repeat="c in p.colorOpts" ng-click="p.save(c.hexValue)">
+    <span ng-style="{'background-color': c.hexValue}" style=" width:20px; height:20px; border-radius:50%; display:inline-block; color:transparent;" >&block;</span>
+    <span style="margin-left:10px;">{{c.colorName}}</span>
+    <i class="fi-check size-14 right" ng-show="p.color == c.hexValue"></i>
   </li>
   </ul>
 </div>
diff --git a/public/views/preferencesDeleteWallet.html b/public/views/preferencesDeleteWallet.html
index bb60c0529..ed16c83bd 100644
--- a/public/views/preferencesDeleteWallet.html
+++ b/public/views/preferencesDeleteWallet.html
@@ -7,8 +7,8 @@
 
 <div class="content preferences" ng-controller="preferencesDeleteWalletController as preferences">
 
-  <h4></h4>
-  <div class="text-center text-gray">
+  <!-- <h4></h4> -->
+  <div class="text-center text-gray m20t">
     <span translate>Wallet</span>: {{index.walletName}}
     <span ng-show="index.alias">({{index.alias}})</span>
   </div>
@@ -19,7 +19,7 @@ <h4 class="text-warning text-center m0" style="padding-left: 0px" translate>Warn
     </span>
   </div>
   <div class="columns text-center">
-    <p translate class="size-14 text-gray">Permanently delete this wallet. THIS ACTION CANNOT BE REVERSED</p>
+    <p translate class="size-14 text-gray">Permanently delete this wallet.<br/> THIS ACTION CANNOT BE REVERSED</p>
     <button class="button round expand warning" ng-click="preferences.deleteWallet()" translate>
       Delete wallet
     </button>
diff --git a/public/views/preferencesDeviceName.html b/public/views/preferencesDeviceName.html
index 53c30d6b7..a6ddadd6a 100644
--- a/public/views/preferencesDeviceName.html
+++ b/public/views/preferencesDeviceName.html
@@ -7,13 +7,13 @@
 <div class="content preferences" ng-controller="preferencesDeviceNameController as prefDeviceName">
 
 
-  <h4></h4>
+  <!-- <h4></h4> -->
   <form name="settingsDeviceNameForm" ng-submit="prefDeviceName.save()" class="columns">
     <label><span translate>Device name</span></label>
     <input type="text" id="deviceName" type="text" name="deviceName" ng-model="prefDeviceName.deviceName">
     <input type="submit" class="button expand black round" value="{{'Save'|translate}}" ng-style="{'background-color':index.backgroundColor}">
   </form>
-    <div class="text-gray size-12 text-center" translate>Device name is visible to other devices you communicate with.
+    <div class="text-gray size-13 text-center" translate>Device name is visible to other devices you communicate with.
   </div>
 </div>
 <div class="extra-margin-bottom"></div>
diff --git a/public/views/preferencesEditAttestorAddress.html b/public/views/preferencesEditAttestorAddress.html
index 77449af2a..85540180e 100644
--- a/public/views/preferencesEditAttestorAddress.html
+++ b/public/views/preferencesEditAttestorAddress.html
@@ -6,9 +6,9 @@
 
 <div class="content preferences" ng-controller="preferencesEditAttestorAddressCtrl as ctrl">
 
-	<h4></h4>
+	<!-- <h4></h4> -->
 	<form name="editAttestorAddressForm" ng-submit="ctrl.save()" class="columns">
-		<div class="text-warning size-12 m10b" ng-show="ctrl.error">{{ctrl.error|translate}}</div>
+		<div class="text-warning size-13 m10b" ng-show="ctrl.error">{{ctrl.error|translate}}</div>
 		<label><span>{{ctrl.title|translate}}</span></label>
 		<input type="text" type="text" name="attestorAddress" ng-model="ctrl.attestorAddress">
 		<input type="submit" class="button expand black round" value="{{'Save'|translate}}"
diff --git a/public/views/preferencesEditRealNameAttestors.html b/public/views/preferencesEditRealNameAttestors.html
index 0b7ebb1d4..380cbf1de 100644
--- a/public/views/preferencesEditRealNameAttestors.html
+++ b/public/views/preferencesEditRealNameAttestors.html
@@ -6,9 +6,9 @@
 
 <div class="content preferences" ng-controller="preferencesEditRealNameAttestorsCtrl as ctrl">
 
-	<h4></h4>
+	<!-- <h4></h4> -->
 	<form name="editAttestorAddressForm" ng-submit="ctrl.save()" class="columns">
-		<div class="text-warning size-12 m10b" ng-show="ctrl.error">{{ctrl.error|translate}}</div>
+		<div class="text-warning size-13 m10b" ng-show="ctrl.error">{{ctrl.error|translate}}</div>
 
 		<div class="row m20t">
 			<label>
@@ -21,8 +21,8 @@ <h4></h4>
 			<i></i>
 			<div class="clear"></div>
 			<a ng-click="ctrl.attestorAddresses.push({})" style="padding:10px 0;">
-				<i class="fi-plus size-18 m10r" style="vertical-align: middle;"></i> 
-				<span class="text-close size-12" translate>Add address</span> 
+				<i class="fi-plus size-18 m10r" style="vertical-align: middle;"></i>
+				<span class="text-close size-12" translate>Add address</span>
 			</a>
 		</div>
 
diff --git a/public/views/preferencesEditWitness.html b/public/views/preferencesEditWitness.html
index 664862437..08369f54c 100644
--- a/public/views/preferencesEditWitness.html
+++ b/public/views/preferencesEditWitness.html
@@ -5,9 +5,9 @@
 </div>
 
 <div class="content preferences" ng-controller="preferencesEditWitnessController as ewc">
-  <h4></h4>
+  <!-- <h4></h4> -->
   <form name="editWitnessForm" ng-submit="ewc.save()" class="columns">
-    <div class="text-warning size-12 m10b" ng-show="ewc.error">{{ewc.error|translate}}</div>
+    <div class="text-warning size-13 m10b" ng-show="ewc.error">{{ewc.error|translate}}</div>
     <div class="form-group" click-outside="ewc.suggestToggle = false">
       <label><span translate>Witness address</span></label>
       <input
diff --git a/public/views/preferencesEmail.html b/public/views/preferencesEmail.html
index 8d615cb60..8d37e0f90 100644
--- a/public/views/preferencesEmail.html
+++ b/public/views/preferencesEmail.html
@@ -1,5 +1,5 @@
-<div 
-  class="topbar-container" 
+<div
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Email Notifications'; goBackToState = true">
 </div>
@@ -8,7 +8,7 @@
 
 <div class="content preferences" ng-controller="preferencesEmailController as prefEmail">
 
-  <h4></h4>
+  <!-- <h4></h4> -->
   <div class="onGoingProcess" ng-show="prefEmail.saving && !index.isOffline">
     <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
       <div class="spinner">
@@ -35,7 +35,7 @@ <h4></h4>
     <input type="submit" class="button expand black round" value="{{'Save'|translate}}"
     ng-style="{'background-color':index.backgroundColor}" ng-disabled="emailForm.$invalid && !index.preferencesGlobal.preferencesEmail">
   </form>
-    <div class="text-gray size-12 text-center" donttranslate>Setting up email notifications could weaken your privacy, if the email service provider is compromised. Information available to an attacker would include your wallet addresses and its balance, but no more.
+    <div class="text-gray size-13 text-center" donttranslate>Setting up email notifications could weaken your privacy, if the email service provider is compromised. Information available to an attacker would include your wallet addresses and its balance, but no more.
   </div>
 </div>
 <div class="extra-margin-bottom"></div>
diff --git a/public/views/preferencesGlobal.html b/public/views/preferencesGlobal.html
index 2d4aba289..933d74f3d 100644
--- a/public/views/preferencesGlobal.html
+++ b/public/views/preferencesGlobal.html
@@ -1,13 +1,13 @@
 
-<div 
-  class="topbar-container" 
+<div
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Global preferences'; closeToHome = true; noColor = true">
 </div>
 
 
 <div class="content preferences" ng-controller="preferencesGlobalController as prefGlobal" ng-init="prefGlobal.init()">
-  <h4></h4>
+  <!-- <h4></h4> -->
   <ul class="no-bullet m0 ">
     <li  ng-click="$root.go('preferencesGlobal.preferencesDeviceName')">
       <div class="right text-gray">
@@ -63,26 +63,26 @@ <h4></h4>
       </li>
     </ul>
   </div>
-    
+
   <h4 translate>Trusted nodes</h4>
   <ul class="no-bullet m0">
     <li ng-click="$root.go('preferencesGlobal.preferencesWitnesses')">
-      <i class="icon-arrow-right3 size-24 right text-gray"></i>  
+      <i class="icon-arrow-right3 size-24 right text-gray"></i>
       <div translate>Witnesses</div>
     </li>
     <li ng-click="$root.go('preferencesGlobal.preferencesAttestorAddresses')">
-      <i class="icon-arrow-right3 size-24 right text-gray"></i>  
+      <i class="icon-arrow-right3 size-24 right text-gray"></i>
       <div translate>Attestor addresses</div>
     </li>
   </ul>
-    
+
   <h4 translate>Device address</h4>
   <ul class="no-bullet m0 enable_text_select">
     <li>
       <div>{{prefGlobal.myDeviceAddress}}</div>
     </li>
   </ul>
-    
+
     <h4 translate>Spending Restrictions</h4>
     <ul class="no-bullet m0">
       <li>
@@ -94,9 +94,9 @@ <h4 translate>Spending Restrictions</h4>
         <div translate>Spend unconfirmed funds</div>
       </li>
     </ul>
-    
+
   <h4 translate>Backups</h4>
-  
+
   <ul class="no-bullet m0">
     <li ng-click="$root.go('preferencesGlobal.export')"  ng-hide="index.isPrivKeyExternal">
       <div class="right text-gray">
@@ -105,7 +105,7 @@ <h4 translate>Backups</h4>
       <div translate>Backup all wallet data</div>
     </li>
   </ul>
-	
+
   <ul class="no-bullet m0">
     <li ng-click="$root.go('preferencesGlobal.import')"  ng-hide="index.isPrivKeyExternal">
       <div class="right text-gray">
@@ -135,11 +135,11 @@ <h4 translate>Backups</h4>
       <div translate>Recover with seed words</div>
     </li>
   </ul>
-    
+
   <h4></h4>
   <ul class="no-bullet m0">
     <li ng-click="$root.go('preferencesGlobal.preferencesAbout')">
-      <i class="icon-arrow-right3 size-24 right text-gray"></i>  
+      <i class="icon-arrow-right3 size-24 right text-gray"></i>
       <div translate>About Obyte</div>
     </li>
   </ul>
diff --git a/public/views/preferencesHub.html b/public/views/preferencesHub.html
index f85fad2c0..dd687c30b 100644
--- a/public/views/preferencesHub.html
+++ b/public/views/preferencesHub.html
@@ -7,7 +7,7 @@
 <div class="content preferences" ng-controller="preferencesHubController as prefHub">
 
 
-  <h4></h4>
+  <!-- <h4></h4> -->
   <form name="settingsHubForm" ng-submit="prefHub.save()" class="columns">
     <label><span translate>Hub URL</span></label>
     <input type="text" id="hub" type="text" name="hub" ng-model="prefHub.hub">
@@ -17,7 +17,7 @@ <h4></h4>
 	  </div>
     <input type="submit" class="button expand black round" value="{{'Save'|translate}}" ng-style="{'background-color':index.backgroundColor}">
   </form>
-    <div class="text-gray size-12 text-center" translate>The hub for receiving messages from other devices.
+    <div class="text-gray size-13 text-center" translate>The hub for receiving messages from other devices.
   </div>
 </div>
 <div class="extra-margin-bottom"></div>
diff --git a/public/views/preferencesInformation.html b/public/views/preferencesInformation.html
index 2d448c653..87019bc62 100644
--- a/public/views/preferencesInformation.html
+++ b/public/views/preferencesInformation.html
@@ -1,5 +1,5 @@
-<div 
-  class="topbar-container" 
+<div
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Wallet Information'; goBackToState = true">
 </div>
@@ -17,8 +17,8 @@ <h4 class="title m0" translate>Wallet Information</h4>
 
 
       <li class="line-b p20 oh">
-        <span translate>Wallet Id</span>
-        <span class="right text-gray enable_text_select">
+        <span translate>Wallet Id</span><br/>
+        <span class="text-gray enable_text_select" style="font-size:12px; line-height:22px;">
           {{walletId}}
         </span>
       </li>
@@ -60,7 +60,7 @@ <h4 class="title m0" translate>Wallet Information</h4>
           No private key
         </span>
       </li>
- 
+
       <li class="line-b p20 oh" ng-show="index.account">
         <span translate>Account</span> ({{derivationStrategy}})
         <span class="right text-gray">
@@ -75,7 +75,7 @@ <h4 class="title m0" translate>Co-signers</h4>
         <span class="size-12" ng-show="copayer.me">
           <i class="icon-contact size-24 m10r"></i>{{'Me'|translate}} <i class="fi-check m5 right"></i>
         </span>
-        <span class="size-12 text-gray" ng-show="!copayer.me">
+        <span class="size-13 text-gray" ng-show="!copayer.me">
           <i class="icon-contact size-24 m10r"></i> {{copayer.name}}<i class="fi-check m5 right"></i>
         </span>
       </li>
@@ -90,14 +90,14 @@ <h4 class="title m0" translate>Extended Public Keys</h4>
         </div>
       </li>
     </ul>
-    
+
     <ul class="no-bullet m0 size-14" ng-show="addrs">
     <h4 class="title m0" translate>All Wallet Addresses</h4>
       <li  ng-repeat="a in addrs" class="oh">
           <div class="enable_text_select ellipsis">
-            {{a.address}} 
+            {{a.address}}
           </div>
-          <div class="text-gray size-12 right enable_text_select">
+          <div class="text-gray size-13 right enable_text_select">
             {{a.path}} &middot;  {{a.createdOn *1000  | amDateFormat:'MMMM Do YYYY, h:mm a' }}
           </div>
       </li>
@@ -117,15 +117,15 @@ <h4 class="title m0" translate>Balance By Address</h4>
       </ul>
 
       <li class="line-b p20" ng-show="index.isCordova">
-          <button class="black round small expand" 
-            ng-style="{'background-color':index.backgroundColor}" 
+          <button class="black round small expand"
+            ng-style="{'background-color':index.backgroundColor}"
             ng-click="info.sendAddrs()"
             ng-disabled="info.loading">
             <i class="fi-mail"></i>
             <span translate>Send addresses by email</span>
           </button>
       </li>
-    </ul>   
+    </ul>
 
     <!--ul class="no-bullet m0 size-14">
       <h4 class="title m0" translate>Transaction history</h4>
diff --git a/public/views/preferencesLanguage.html b/public/views/preferencesLanguage.html
index 64e94caef..7923ded3c 100644
--- a/public/views/preferencesLanguage.html
+++ b/public/views/preferencesLanguage.html
@@ -1,5 +1,5 @@
-<div 
-  class="topbar-container" 
+<div
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Language'; goBackToState = true; noColor = true">
 </div>
@@ -7,10 +7,10 @@
 
 
 <div class="content preferences" ng-controller="preferencesLanguageController as prefLang">
-  <h4></h4>
+  <!-- <h4></h4> -->
   <ul class="no-bullet m0 ">
   <li
-    ng-repeat="lang in prefLang.availableLanguages" 
+    ng-repeat="lang in prefLang.availableLanguages"
     ng-click="prefLang.save(lang.isoCode)" class="line-b p20 size-14">
     <span>{{lang.name}}</span>
     <i class="fi-check size-16 right" ng-show="index.defaultLanguageIsoCode == lang.isoCode"></i>
diff --git a/public/views/preferencesLogs.html b/public/views/preferencesLogs.html
index a8530cfbf..810108b54 100644
--- a/public/views/preferencesLogs.html
+++ b/public/views/preferencesLogs.html
@@ -1,5 +1,5 @@
-<div 
-  class="topbar-container" 
+<div
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Session log'; goBackToState = true">
 </div>
@@ -7,18 +7,18 @@
 
 
 <div class="content preferences" ng-controller="preferencesLogs as logs">
-  <h4></h4>
+  <!-- <h4></h4> -->
 
   <div class="row columns large-centered medium-centered">
   <button class="black round small expand" ng-show="index.isCordova" ng-style="{'background-color':index.backgroundColor}" ng-click="logs.sendLogs()"><i class="fi-mail"></i>
-      
+
   <span translate>Send by email</span>
   </button>
 
   <ul class="no-bullet size-14 oh" style="word-wrap: break-word;">
     <li class="line-b enable_text_select" ng-repeat="l in logs.logs">
 
-      <span ng-class="{'text-warning': l.level=='warn', 'text-secondary': l.level=='debug', 'text-primary': l.level=='info', 'text-alert': l.level=='error' }"> 
+      <span ng-class="{'text-warning': l.level=='warn', 'text-secondary': l.level=='debug', 'text-primary': l.level=='info', 'text-alert': l.level=='error' }">
       {{l.msg}}
       </span>
     </li>
diff --git a/public/views/preferencesTor.html b/public/views/preferencesTor.html
index acce43f09..f9a9b3e89 100644
--- a/public/views/preferencesTor.html
+++ b/public/views/preferencesTor.html
@@ -5,7 +5,7 @@
 </div>
 
 <div class="content preferences" ng-controller="preferencesTorController as tor">
-	<h4></h4>
+	<!-- <h4></h4> -->
 	<form class="columns" ng-submit="save(true)">
 		<div style="margin-bottom: 20px">
 			<switch name="torEnabled" ng-model="torEnabled" class="green right"></switch>
@@ -14,7 +14,7 @@ <h4></h4>
 		<label><span translate>Host</span></label>
 		<input type="text" id="host" name="host" ng-model="socksHost" placeholder="127.0.0.1">
 		<label><span translate>Port</span></label>
-		<div class="text-warning size-12 m10b" ng-show="errorPortInput">{{errorPortInput}}</div>
+		<div class="text-warning size-13 m10b" ng-show="errorPortInput">{{errorPortInput}}</div>
 		<input type="text" id="port" name="port" ng-model="socksPort" placeholder="9150">
 		<input type="submit" class="button expand black round" value="{{'Save'|translate}}"
 			   ng-style="{'background-color':index.backgroundColor}">
diff --git a/public/views/preferencesUnit.html b/public/views/preferencesUnit.html
index aca4b087f..8c95a127e 100644
--- a/public/views/preferencesUnit.html
+++ b/public/views/preferencesUnit.html
@@ -1,5 +1,5 @@
-<div 
-  class="topbar-container" 
+<div
+  class="topbar-container"
   ng-include="'views/includes/topbar.html'"
   ng-init="titleSection='Unit for bytes'; goBackToState = true; noColor = true">
 </div>
@@ -8,7 +8,7 @@
 
 
 <div class="content preferences" ng-controller="preferencesUnitController as prefUnit">
-  <h4></h4>
+  <!-- <h4></h4> -->
   <ul class="no-bullet m0 ">
   <li ng-repeat="unit in prefUnit.unitOpts" ng-click="prefUnit.save(unit)" class="line-b p20 size-14">
     <span>{{unit.shortName}}</span>
diff --git a/public/views/recoveryFromSeed.html b/public/views/recoveryFromSeed.html
index b6546d216..ee46eb956 100644
--- a/public/views/recoveryFromSeed.html
+++ b/public/views/recoveryFromSeed.html
@@ -5,7 +5,7 @@
 </div>
 
 <div class="content preferences" ng-controller="recoveryFromSeed as recFromSeed">
-	<h4></h4>
+	<!-- <h4></h4> -->
 
 	<div class="onGoingProcess" ng-show="recFromSeed.scanning">
 		<div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
@@ -33,7 +33,7 @@ <h4></h4>
 			<input ng-show="!recFromSeed.scanning" type="submit" class="button expand black round"
 				   value="{{'Recover'|translate}}" ng-style="{'background-color':index.backgroundColor}">
 		</form>
-		<div class="text-alert size-12 columns">
+		<div class="text-alert size-13 columns">
 			<span translate>WARNINGS:</span>
 			<ul class="warnings">
 				<li translate>This will permanently delete all your existing wallets!</li>
diff --git a/public/views/splash.html b/public/views/splash.html
index 6c6c54fb5..c61da6b8e 100644
--- a/public/views/splash.html
+++ b/public/views/splash.html
@@ -40,7 +40,7 @@
 						</p>
 					</div>
 					
-					<button ng-click="splash.setWalletType()" class="button black expand round size-12 text-spacing m20t" translate>
+					<button ng-click="splash.setWalletType()" class="button black expand round size-13 text-spacing m20t" translate>
 						CONTINUE
 					</button>
 				</div>
@@ -60,7 +60,7 @@
 					<logo negative="true" height="126"></logo>
 				</div>
 			</div>
-			<div class="text-center size-12 text-warning" ng-show="splash.error && !splash.creatingProfile">
+			<div class="text-center size-13 text-warning" ng-show="splash.error && !splash.creatingProfile">
 				{{splash.error|translate}}. <span translate>Retrying...</span>
 			</div>
 			<div class="onGoingProcess" ng-show="splash.creatingProfile">
@@ -82,14 +82,14 @@
 						<label><span class="text-gray" translate>Please name this device</span></label>
 						<input type="text" id="deviceName" type="text" name="deviceName" ng-model="splash.deviceName" class="text-gray dark-centered-input">
 
-						<button ng-click="splash.saveDeviceName()" class="button black expand round size-12 text-spacing" ng-disabled="!splash.deviceName" translate>
+						<button ng-click="splash.saveDeviceName()" class="button black expand round size-13 text-spacing" ng-disabled="!splash.deviceName" translate>
 							CONTINUE
 						</button>
 					</div>
 					<div ng-show="splash.bDeviceNameSet">
 						<p class="text-gray size-14 m0 text-light m20b" translate>Your wallet will be created on this device, keep it safe.  See your backup options in the Settings menu.</p>
 						<p class="text-gray size-14 m0 text-light m20b" translate>Also in the Settings menu, you will find security options such as setting a password.</p>
-						<button ng-click="splash.create()" class="button black expand round size-12 text-spacing" translate>
+						<button ng-click="splash.create()" class="button black expand round size-13 text-spacing" translate>
 							GET STARTED
 						</button>
 					</div>
diff --git a/public/views/translators.html b/public/views/translators.html
index d58c91264..dacc4d91f 100644
--- a/public/views/translators.html
+++ b/public/views/translators.html
@@ -48,11 +48,11 @@ <h4 class="title m0" translate>Translation Credits</h4>
   </ul>
   <div class="row m20t">
     <div class="columns text-center">
-      <p class="size-12 text-black">
+      <p class="size-13 text-black">
         <span translate>All contributions to Obyte's translation are welcome. Sign up at crowdin.com and join the O<sub>byte</sub> project at</span> 
         <a href ng-click="$root.openExternalLink('https://crowdin.com/project/byteball')">https://crowdin.com/project/byteball</a>.
       </p>
-      <span class="size-12 text-gray" translate>
+      <span class="size-13 text-gray" translate>
         Don't see your language on Crowdin? Contact the Owner on Crowdin! We'd love to support your language.
       </span>
     </div>
diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index 8a04702cf..5f8772c2a 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -110,10 +110,12 @@
     <div id="walletHome" class="walletHome tab-view tab-in">
 	  <div style="position:absolute; width: 100%; left: 0px; top: 15px; text-align: center; color: white; z-index: 1" ng-if="home.isTestnet">{{home.testnetName}}</div>
       <div class="oh">
-        <div class="amount" ng-style="{'background-color':index.backgroundColor}" ng-swipe-right="index.suspendSwipe()">
+        <div class="amount" ng-style="{'background-color':index.backgroundColor}"
+          style="background-image: linear-gradient( rgba(255, 255, 255,.3), rgba(0, 0, 0,.2));"
+          ng-swipe-right="index.suspendSwipe()">
           <div ng-if="!index.anyOnGoingProcess || 1" style="position: relative;">
             <div ng-show="index.updateError" ng-click='index.openWallet(); index.updateTxHistory()'>
-              <span class="size-12 db m10b">{{index.updateError|translate}}</span>
+              <span class="size-13 db m10b">{{index.updateError|translate}}</span>
               <button class="outline white tiny round" translate>Tap to retry</button>
             </div>
 
@@ -156,7 +158,7 @@
           </style>
           <style>
           	.rn-carousel-control.rn-carousel-control-next, .rn-carousel-control.rn-carousel-control-prev {
-            	background-color: {{index.backgroundColor}};
+            	background-color: transparent;
             }
 			.secondrow {
 				margin-top: -7px;
@@ -201,7 +203,7 @@
               <p class="m0">
               {{(index.alias || index.walletName)}}<span ng-if="index.shared_address" style="overflow:hidden; text-overflow: ellipsis; white-space: nowrap;"><br>Smart wallet: {{index.shared_address | limitTo: 6}}...</span>
               </p>
-              <div class="size-12 text-gray" ng-if="!index.shared_address">
+              <div class="size-13 text-gray" ng-if="!index.shared_address">
                 <span ng-include="'views/includes/walletInfo.html'"></span>
               </div>
           </div>
@@ -217,7 +219,7 @@ <h4 ng-show="!index.requiresMultipleSignatures" class="title m0" translate>Unsen
           ng-include="index.txTemplateUrl">
         </div>
 
-        <div class="text-gray text-center size-12 p10t"
+        <div class="text-gray text-center size-13 p10t"
           ng-show="index.lockedBalanceBytes && !index.updatingStatus">
           <span translate>Total Locked Balance</span>:
           <b>{{index.lockedBalanceStr}} </b>
@@ -277,7 +279,7 @@ <h2 class="text-center m10t" translate>My Obyte address</h2>
                   </div>
                 </div>
                 <div class="m10t" >
-                  <h4 ng-class="{'enable_text_select': !index.isCordova}" class="size-12">
+                  <h4 ng-class="{'enable_text_select': !index.isCordova}" class="size-13">
                     {{index.shared_address || (home.generatingAddress ? '...' : home.addr[index.walletId])}}
 
                   </h4>
@@ -293,7 +295,7 @@ <h4 ng-class="{'enable_text_select': !index.isCordova}" class="size-12">
                   <span translate>Share address</span>
                 </span>
               </div>
-              <div class="line-t size-12 text-center">
+              <div class="line-t size-13 text-center">
 				<span ng-if="index.shared_address" translate>This address is shared with {{index.shared_address_cosigners}}.</span>
 				<span ng-if="!index.shared_address" translate>Share this wallet address to receive payments.</span>
 				<span ng-if="!index.shared_address && 0" translate>To protect your privacy, new addresses are generated automatically once you use them.</span>
@@ -335,7 +337,7 @@ <h4 ng-class="{'enable_text_select': !index.isCordova}" class="size-12">
       <div>
         <h4 class="title m0">
             <div class="size-10">
-                <span class="db text-bold">
+                <span class="db text-bold size-13">
                     <span translate>What to send</span>:
                 </span>
                 <select class="m10t" ng-model="assetIndexSelectorValue" ng-disabled="home.blockUx || home.lockAsset" ng-change="home.switchForms()">
@@ -356,25 +358,25 @@ <h4 class="title m0">
             <div class="box-notification enable_text_select" ng-show="home.error">
               <span class="text-warning">
                 {{home.error|translate}}
-              </span> 
+              </span>
               <a class="close-notification text-warning" ng-click="home.resetError()">&#215;</a>
             </div>
-			  
+
             <div class="row" ng-hide="home.hideAmount">
               <div class="large-12 medium-12 columns">
                 <div class="right" ng-hide="sendPaymentForm.amount.$pristine && !sendPaymentForm.amount.$modelValue">
-                  <div class="flex align-items-center text-primary" ng-if="!sendPaymentForm.amount.$invalid">
+                  <div class="flex align-items-center text-primary" ng-if="!sendPaymentForm.amount.$invalid" style="margin-top: -2px;">
                     <i class="icon icon-checkmark-circle size-14"></i>
                   </div>
-                  <div class="flex align-items-center has-error" ng-if="sendPaymentForm.amount.$invalid">
-                    <i class="icon icon-close-circle size-14 m5r"></i>
-                    <span class="size-12" translate> Not valid</span>
+                  <div class="flex align-items-center has-error" style="margin-top: -3px;" ng-if="sendPaymentForm.amount.$invalid">
+                    <i class="icon icon-close-circle size-14"></i>
+                    <span class="size-13" translate> Not valid</span>
                   </div>
                 </div>
                 <div>
                   <label for="amount">
-                    <span translate ng-if="!home.send_multiple">Amount</span>
-                    <span translate ng-if="home.send_multiple">Total amount</span>
+                    <span translate ng-if="!home.send_multiple" class="size-13">Amount</span>
+                    <span translate ng-if="home.send_multiple" class="size-13">Total amount</span>
 					          <a ng-click="home.setSendAll()" ng-show="!home.bSendAll && !home.lockAmount" style="text-transform: none; margin-left: 10px" translate>Send all</a>
                   </label>
                   <div class="input">
@@ -413,13 +415,13 @@ <h4 class="title m0">
 		    </div>
 
 		    <div class="mtab" ng-class="{'active': mtab === 1}" ng-init="mtab = 1; home.send_multiple = false;">
-	            <div ng-hide="home.hideAddress">
+	            <div ng-hide="home.hideAddress" style="padding-top:10px">
 	              <div class="row collapse" style="padding-top: 5px;min-height: 24px;">
 	              	<label for="address" class="left" ng-if="home.lockAddress">
 	                  <span translate>To Obyte address</span>
 	                </label>
 	                <span ng-if="!home.send_multiple">
-	                  <span class="has-error right size-12" ng-show="sendPaymentForm.address.$invalid && _address">
+	                  <span class="has-error right size-13" style="margin-top: -2px;" ng-show="sendPaymentForm.address.$invalid && _address">
 	                    <i class="icon-close-circle size-14"></i>
 	                    <span class="vm" translate>Not valid</span>
 	                  </span>
@@ -428,7 +430,7 @@ <h4 class="title m0">
 	                  </small>
 	                </span>
 	                <span ng-if="home.send_multiple">
-	                  <span class="has-error right size-12" ng-show="sendPaymentForm.addresses.$invalid && !sendPaymentForm.addresses.$pristine">
+	                  <span class="has-error right size-13" style="margin-top: -5px;" ng-show="sendPaymentForm.addresses.$invalid && !sendPaymentForm.addresses.$pristine">
 	                    <i class="icon-close-circle size-14"></i>
 	                    <span class="vm" translate>Not valid</span>
 	                    <span class="vm">{{(sendPaymentForm.addresses.$error | objectKeys)[0].indexOf('line-') > -1 ? (sendPaymentForm.addresses.$error | objectKeys)[0].replace('line-', '') : ''}}</span>
@@ -439,7 +441,7 @@ <h4 class="title m0">
 	                </span>
 	            </div>
 
-	              <div class="input">
+	              <div class="input" style="  margin-top: 5px;">
 	                <input ng-if="!home.send_multiple" class="m0" type="text" id="address" name="address" ng-disabled="home.blockUx || home.lockAddress || index.arrBalances[index.assetIndex].is_private" ng-attr-placeholder="{{(home.canSendExternalPayment() ? 'Obyte address or email or username' : 'Obyte address of your other wallet &#8594;')|translate}}" ng-model="_address" ng-required valid-address-or-account ng-focus="home.formFocus('address')" ng-blur="home.formFocus(false)">
 	                <!--<input ng-if="!home.send_multiple && index.arrBalances[index.assetIndex].is_private" class="m0" type="text" id="address" name="address" ng-disabled="home.blockUx || home.lockAddress || !home.canSendExternalPayment()" ng-attr-placeholder="{{home.canSendExternalPayment() ? 'Obyte address' : 'Obyte address of your other wallet &#8594;'}}" ng-model="_address" ng-required valid-address ng-focus="home.formFocus('address')" ng-blur="home.formFocus(false)">-->
 	                <textarea ng-if="home.send_multiple" class="m0" type="text" name="addresses" placeholder="Obyte address, amount {{index.arrBalances[index.assetIndex].asset === 'base' ? 'in ' + home.unitName : 'of ' + (index.arrBalances[index.assetIndex].name || index.arrBalances[index.assetIndex].asset.substr(0,4) | limitTo:16)}}&#10;M7G2CZDBV7FWH2QMWUNXQ4MSLIZPHX3U, {{100000 / home.unitValue}}&#10;5OJ2RQ3AG7RLS6HFDAKOZGBZE6HKUWAZ, {{5000000 / home.unitValue}}&#10;not more than 120 rows" ng-model="_addresses" required valid-addresses="{{index.arrBalances[index.assetIndex].asset}}" style="margin-bottom: 25px" rows="4" msd-elastic="\n" ng-change="_amount=+(_addresses | sumNumbers).toLocaleString(['EN-US'], {maximumFractionDigits: index.arrBalances[index.assetIndex].decimals}).split(',').join('')"></textarea>
@@ -447,7 +449,7 @@ <h4 class="title m0">
 	                <!--<div class="addressbook-input" ng-show="!sendPaymentForm.address.$invalid && _address">
 	                  {{index.addressbook[_address] || _address}}
 	                </div>-->
-	                <a class="postfix size-12 m0 text-gray" ng-hide="home.blockUx || home.lockAddress || home.send_multiple" ng-click="openDestinationAddressModal(index.otherWallets, _address)">
+	                <a class="postfix size-13 m0 text-gray" ng-hide="home.blockUx || home.lockAddress || home.send_multiple" ng-click="openDestinationAddressModal(index.otherWallets, _address)">
 	                  <i class="icon-wallet size-18" style="margin-right: -3px;vertical-align: baseline;"></i>
 	                </a>
 	              </div>
@@ -463,7 +465,7 @@ <h4 class="title m0">
 						  <span ng-if="!home.send_multiple" translate ng-click="home.resetForm(sendPaymentForm)">switch to multi-address</span>
 					  </a>
 				  </div>
-				  <div id="binding-drop" class="f-dropdown" data-dropdown-content style="padding: 10px;" translate>To bind the payment to a condition, please click the peer's address in chat</div>  
+				  <div id="binding-drop" class="f-dropdown" data-dropdown-content style="padding: 10px;" translate>To bind the payment to a condition, please click the peer's address in chat</div>
 				  <div ng-if="!home.deviceAddressIsKnown()" style="font-size: 11px; font-weight: bold; margin-top: -1.5rem; margin-bottom: 1rem">
 					  <a dropdown-toggle="#binding-drop" data-options="align:top">
 						  <span translate class="text-gray">Bind the payment to a condition</span>
@@ -498,7 +500,7 @@ <h4 class="title m0">
 
               <div class="row" ng-if="home.feedvaluespairs.length === 0">
                   <div class="large-12 columns m30b">
-                      <a style="font-size: 11px; font-weight: bold; margin-top: -1.5rem; margin-bottom: 1rem;" ng-click="home.feedvaluespairs.push({})" translate>Also send data...</a>
+                      <a style="font-size: 12px; font-weight: bold; margin-top: -1.5rem; margin-bottom: 1rem;" ng-click="home.feedvaluespairs.push({})" translate>Also send data...</a>
 	                </div>
 	            </div>
 
@@ -513,8 +515,8 @@ <h4 class="title m0">
                     </span>
                     <div class="clear"></div>
                     <a ng-click="home.feedvaluespairs.push({})" style="padding:10px 0;" ng-show="home.feedvaluespairs.length < 20">
-                      <i class="fi-plus size-18 m10r" style="vertical-align: middle;"></i> 
-                      <span class="text-close size-12" translate>Add fields</span> 
+                      <i class="fi-plus size-18 m10r" style="vertical-align: middle;"></i>
+                      <span class="text-close size-13" translate>Add fields</span>
                     </a>
                   </div>
                 </div>
@@ -523,17 +525,17 @@ <h4 class="title m0">
 	            <div class="" ng-show="index.m < index.n && index.m > 1">
 	                <div class="large-12 medium-12">
 	                    <label>
-	                        <span translate>Who signs:</span>
+	                        <span translate class="size-13">Who signs:</span>
 	                    </label>
 	        			<cosigners></cosigners>
             		</div>
 	            </div>
 
 	            <div class="row" ng-show="!home.onGoingProcess">
-	              <div class="large-6 medium-6 small-6 columns" ng-show="!home.blockUx && !home.send_multiple && (home.lockAddress || home.lockAmount || home.bSendAll)">
+	              <div class="large-12 medium-12 small-12 columns" ng-show="!home.blockUx && !home.send_multiple && (home.lockAddress || home.lockAmount || home.bSendAll)">
 	                <a ng-click="home.resetForm(sendPaymentForm)" class="button expand outline dark-gray round" translate>Cancel</a>
 	              </div>
-	              <div class="columns" ng-class="{'small-6 medium-6 large-6':!home.send_multiple && (home.lockAddress || home.lockAmount || home.bSendAll)}">
+	              <div class="columns" ng-class="{'small-12 medium-12 large-12':!home.send_multiple && (home.lockAddress || home.lockAmount || home.bSendAll)}">
 	                <button type="submit" ng-if="mtab === 1" class="button black round expand" ng-disabled="home.current_payment_key || sendPaymentForm.$invalid || home.blockUx || index.isOffline || !index.isEnoughSignersSelected()"
 	                  ng-style="{'background-color':index.backgroundColor}"  translate>
 	                  Send
@@ -552,8 +554,8 @@ <h4 class="title m0">
 	        			<cosigners></cosigners>
             		</div>
 	            </div>
-	            <p translate ng-show="!index.arrBalances[index.assetIndex].is_private">Click this button to create payment and share it via private message in chat apps or to create a paper wallet.</p>
-	            <p translate ng-show="index.arrBalances[index.assetIndex].is_private">Click this button to create a payment file and send it to a recipient.</p>
+	            <p translate class="size-13" ng-show="!index.arrBalances[index.assetIndex].is_private">Click this button to create payment and share it via private message in chat apps or to create a paper wallet.</p>
+	            <p translate class="size-13" ng-show="index.arrBalances[index.assetIndex].is_private">Click this button to create a payment file and send it to a recipient.</p>
         		<button type="submit" class="button black round expand" ng-disabled="home.current_payment_key || home.blockUx || index.isOffline || !index.isEnoughSignersSelected() || sendPaymentForm.amount.$invalid" translate ng-style="{'background-color':index.backgroundColor}">Share via message</button>
         	</div>
           </form>
@@ -569,19 +571,19 @@ <h4 class="title m0">
               <a class="close-notification text-warning">&#215;</a>
             </div>
 
-				<div class="row m20t text-gray size-12" ng-show="assetIndexSelectorValue == -1" translate>
+				<div class="row m20t text-gray size-13" ng-show="assetIndexSelectorValue == -1" translate>
 					Post values into datafeeds manually, be an oracle.
 				</div>
-				<div class="row m20t text-gray size-12" ng-show="assetIndexSelectorValue == -2" translate>
+				<div class="row m20t text-gray size-13" ng-show="assetIndexSelectorValue == -2" translate>
 					Attest profile data linked to any Obyte address.
 				</div>
-				<div class="row m20t text-gray size-12" ng-show="assetIndexSelectorValue == -3" translate>
+				<div class="row m20t text-gray size-13" ng-show="assetIndexSelectorValue == -3" translate>
 					Post your profile data, anything you want to say about yourself.
 				</div>
-				<div class="row m20t text-gray size-12" ng-show="assetIndexSelectorValue == -4" translate>
+				<div class="row m20t text-gray size-13" ng-show="assetIndexSelectorValue == -4" translate>
 					Post arbitrary key-value pairs of data into Obyte network.
 				</div>
-				<div class="row m20t text-gray size-12" ng-show="assetIndexSelectorValue == -5" translate>
+				<div class="row m20t text-gray size-13" ng-show="assetIndexSelectorValue == -5" translate>
 					Post a poll into Obyte network that users can vote on with Poll bot.
 				</div>
 				<div class="row m20t" ng-if="assetIndexSelectorValue == -2">
@@ -589,7 +591,7 @@ <h4 class="title m0">
 						<span translate>Address to attest</span>
 					</label>
 					<span ng-hide="sendDataForm.address.$pristine">
-                  <span class="has-error right size-12" ng-show="sendDataForm.address.$invalid && home.attested_address">
+                  <span class="has-error right size-13" style="margin-top: -5px;" ng-show="sendDataForm.address.$invalid && home.attested_address">
                     <i class="icon-close-circle size-14"></i>
                     <span class="vm" translate>Not valid</span>
                   </span>
@@ -617,8 +619,8 @@ <h4 class="title m0">
 					<i data-trans="{{'Add answer' | translate}}" data-trans="{{'Add fields' | translate}}" data-trans="{{'Options for answering' | translate}}" data-trans="{{'Values' | translate}}" data-trans="{{'Answer' | translate}}" data-trans="{{'Field' | translate}}" data-trans="{{'Profile field' | translate}}" data-trans="{{'Datafeed name' | translate}}" data-trans="{{'Profile field value' | translate}}" data-trans="{{'Value' | translate}}" data-trans="{{'Datafeed value' | translate}}" data-trans="{{'confirmed' | translate}}" data-trans="{{'available' | translate}}" ></i>
 					<div class="clear"></div>
 					<a ng-click="home.feedvaluespairs.push({})" style="padding:10px 0;" ng-show="home.feedvaluespairs.length < 20">
-						<i class="fi-plus size-18 m10r" style="vertical-align: middle;"></i> 
-						<span class="text-close size-12">{{(assetIndexSelectorValue == -5 ? 'Add answer' : 'Add fields')|translate}}</span> 
+						<i class="fi-plus size-18 m10r" style="vertical-align: middle;"></i>
+						<span class="text-close size-13">{{(assetIndexSelectorValue == -5 ? 'Add answer' : 'Add fields')|translate}}</span>
 					</a>
 				</div>
 
@@ -669,7 +671,7 @@ <h4 class="title m0" style="padding:0 10px;">
         <div class="large-12 columns">
           <div class="oh text-center">
             <span ng-show="index.txHistoryError" ng-click='index.updateTxHistory()'>
-              <p class="size-12 m10b db text-gray" translate>Could not fetch transaction history</p>
+              <p class="size-13 m10b db text-gray" translate>Could not fetch transaction history</p>
               <button class="outline round light-gray tiny" translate>Tap to retry</button>
             </span>
             <span ng-if="!index.txHistoryError" translate>
@@ -688,12 +690,12 @@ <h4 class="title m0" style="padding:0 10px;">
             <div class="rect5"></div>
           </div>
         </div>
-        <div ng-show="index.txProgress > 6" translate class="size-12 text-gray m20t">
+        <div ng-show="index.txProgress > 6" translate class="size-13 text-gray m20t">
           Initial transaction history synchronization can take some minutes for wallets with many transactions.<br/>
           Please stand by.
         </div>
         <div ng-show="index.txProgress > 6" class="size-14 text-gray m20t">
-          <b>{{index.txProgress}}</b> 
+          <b>{{index.txProgress}}</b>
           <span translate>Transactions<br> Downloaded</span>
         </div>
       </div>
@@ -711,10 +713,10 @@ <h4 class="title m0" style="padding:0 10px;">
           </div>
 
           <div class="large-4 medium-4 small-4 columns">
-            <span class="size-16">
+            <span class="size-13" style="margin: 8px; white-space: nowrap;">
               <span ng-if="btx.action == 'received'">+</span>
               <span ng-if="btx.action == 'sent'">-</span>
-              <span  class="size-12" ng-if="btx.action == 'invalid'" translate>
+              <span  class="size-13" ng-if="btx.action == 'invalid'" translate>
               (possible double spend)
               </span>
               <span  ng-if="btx.action != 'invalid'">
@@ -723,7 +725,7 @@ <h4 class="title m0" style="padding:0 10px;">
             </span>
           </div>
           <div class="large-4 medium-4 small-4 columns text-right">
-            <div class="m5t size-12 text-gray time-block">
+            <div class="m5t size-13 text-gray time-block" style="margin-right:0px;">
               <time ng-if="btx.time">{{btx.time * 1000 | amTimeAgo}}</time>
               <span translate class="text-warning"
                 ng-show="!btx.time && (!btx.confirmations || btx.confirmations == 0)">
@@ -738,13 +740,13 @@ <h4 class="title m0" style="padding:0 10px;">
           <div class="size-14 text-gray columns m5t" ng-if="btx.message || btx.addressTo">
             <div ng-show="btx.message"><span translate>Note</span>: {{btx.message}}</div>
             <div ng-show="!btx.message">
-              <span translate>To</span>: {{index.addressbook[btx.addressTo] || btx.addressTo}} 
+              <span translate style="font-size:12px">To</span>:<span style="font-size:12px"> {{index.addressbook[btx.addressTo] || btx.addressTo}}</span>
             </div>
             <span ng-show="btx.textAddress || btx.original_address" class="small-10">
               <span>{{index.getToAddressLabel(btx.textAddress || btx.original_address)}}</span>: {{index.getAddressValue(btx.textAddress || btx.original_address)}}
             </span>
-            <span ng-show="btx.isTextcoin" class="small-2 right">
-              <span class="label tu light-gray radius">textcoin</span>
+            <span ng-show="btx.isTextcoin" class="small-12">
+              <span class="label tu light-gray radius" style="margin-top:10px">textcoin</span>
             </span>
           </div>
         </div>
@@ -760,16 +762,16 @@ <h4 class="title m0" style="padding:0 10px;">
             </div>
           </div>
         </div>
-  
+
         <div class="row m20t">
-          <div class="large-6 medium-6 small-6 columns">
+          <div class="large-12 medium-12 small-12 columns">
             <button type="submit" class="button black round expand" ng-show="index.historyShowShowAll" ng-click="index.showAllHistory()" ng-style="{'background-color':index.backgroundColor}"  translate>
               Show all
             </button>
           </div>
-          <div class="large-6 medium-6 small-6 columns" ng-show="!index.isCordova">
+          <div class="large-12 medium-12 small-12 columns" ng-show="!index.isCordova">
             <input id="export_file" type="file" nwsaveas="Obyte-{{index.alias || index.walletName}}.csv" accept=".csv" style="display:none">
-            <a class="button outline dark-gray round" ng-click="index.csvHistory();">
+            <a class="button outline dark-gray round" style="width:100%" ng-click="index.csvHistory();">
               <i class="fi-page-export-csv"></i>
               <span translate>Download CSV file</span>
             </a>
diff --git a/src/css/main.css b/src/css/main.css
index 8b562fc08..05d54a039 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -77,7 +77,7 @@
 #qr-canvas { display: none; }
 #qrcode-scanner-video {
   display: block;
-  margin: 0 auto;
+  margin: 40px auto;
 }
 
 .qr-scanner-input {
@@ -92,12 +92,15 @@ h1, h2, h3, h4, h5, h6 {
 
 h1 {
   font-weight: 100;
-  font-size: 24px;
+  font-size: 22px;
+  padding: 0px 5px 0px 5px;
+  /* padding: 15px; */
 }
 
 h2 {
   font-size: 20px;
   font-weight: 100;
+  padding: 10px;
 }
 h3 {
   font-weight: 300;
@@ -135,17 +138,40 @@ h4.title a {
 }
 
 .preferences .switch {
-  top:-5px !important;
+  top:0px !important;
+  width:33px !important;
+  height:20px !important;
+
+}
+.preferences .switch small{
+  width:20px !important;
+  height:20px !important;
+}
+.preferences .switch.checked small{
+  left:12px !important;
 }
 
+.switch {
+  top:0px !important;
+  width:33px !important;
+  height:20px !important;
+}
+
+.switch small {
+  width:20px !important;
+  height:20px !important;
+}
+.switch.checked small{
+  left:12px !important;
+}
 
 .preferences h4 {
   background: #F1F3F5;
-  padding: 25px 0px 5px 20px;
+  padding: 20px 0px 20px 20px;
   text-transform: uppercase;
   color: #555;
-  font-size: 12px;
-  font-weight:300;
+  font-size: 13px;
+  font-weight:500;
   margin:0;
 }
 
@@ -158,16 +184,17 @@ h4.title a {
 .preferences .name,
 .preferences .address,
 .preferences .url {
-  display: block;
+    display: block;
 }
 .preferences .name,
 .preferences .url {
-  white-space: normal;
+    white-space: normal;
+    overflow-wrap: break-word;
 }
 
 .preferences .address {
-  overflow: hidden;
-  text-overflow: ellipsis;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .preferences ul li, ul.whopays li, ul.profile-entries li {
@@ -221,7 +248,8 @@ ul.button-group li {
 }
 
 ul.button-group li.selected {
-  color: #fff;
+  /* color: #fff; */
+  color: #2C3E50;
   background-color: #DEDFE1;
 }
 
@@ -421,7 +449,7 @@ ul.tx-copayers {
 }
 
 .last-transactions-content {
-  padding: 1.5rem 1rem;
+  padding: 1rem 1rem;
   cursor:pointer;
   border-bottom: 1px solid #E4E8EC;
 }
@@ -517,7 +545,8 @@ ul.manage li {
 .p0i {padding: 0 !important;}
 .db {display: block;}
 .size-10 { font-size: 10px; }
-.size-12 { font-size: 12px; }
+.size-12{ font-size: 12px; }
+.size-13 { font-size: 13px; }
 .size-14 { font-size: 14px; }
 .size-16 { font-size: 16px; }
 .size-18 { font-size: 18px; }
@@ -558,6 +587,7 @@ ul.manage li {
 .p5h {padding: 0 5px;}
 .p20h {padding: 0 20px;}
 .p20v {padding: 20px 0;}
+.p60v {padding: 60px 0;}
 .p25l {padding-left: 25px;}
 .p15 {padding:15px;}
 .p20 {padding:20px;}
@@ -594,6 +624,7 @@ ul.manage li {
 
 .line-t {
   border-top: 1px solid #E9E9EC;
+  padding:10px;
 }
 
 .line-b {
@@ -604,11 +635,16 @@ ul.manage li {
   font-size: 14px;
   font-weight: 400;
   padding-top: 0 !important;
+  color: #A5B2BF;
+
 }
 
 .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
   /*line-height: 2.7rem;*/
   line-height: 3rem; /* tested on mac and win */
+  padding:0px;
+  color: #ffffff !important;
+  font-weight: bold !important;;
 }
 
 .wallet-settings{
@@ -672,7 +708,14 @@ input[type=number]::-webkit-outer-spin-button {
 
 .label {
   font-weight: 500;
-  padding: 0.3rem 0.4rem;
+  /* padding: 0.3rem 0.4rem; */
+  padding:7px !important;
+  font-size: 65% !important;
+  width: 60px;
+  text-overflow: ellipsis;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 .label.outline {
@@ -688,11 +731,12 @@ input[type=number]::-webkit-outer-spin-button {
 
 .label.success {background-color: #1ABC9C;}
 .label.alert {background-color: #ED4A43;}
-.label.gray {background-color: #4B6178;}
-.label.light-gray {background-color: #7A8C9E;;}
+.label.gray {background-color: #4B6178;padding: 10px;}
+.label.light-gray {background-color: #96A5B3;}
 
 .history .label  {
-  width: 57px;
+  max-width: 75px;
+  padding:7px;
   text-align: center;
   font-size: 65%;
   overflow: hidden;
@@ -730,7 +774,7 @@ input[type="color"], input[type="date"], input[type="datetime-local"], input[typ
   background: transparent;
   border: none;
   padding-left: 0.1rem;
-  font-size: 13px;
+  font-size: 14px;
   border-bottom: 1px solid #A5B2BF;
 }
 
@@ -756,7 +800,7 @@ select {
 label {
   text-transform: uppercase;
   font-weight: 700;
-  font-size: 11px;
+  font-size: 12px;
   color: #34495E;
   margin-bottom: 3px;
 }
@@ -1036,11 +1080,7 @@ label.postfix, a.postfix {
 }
 
 .input {
-  position: relative;
-}
-
-.input input {
-  padding-right: 46px;
+    position: relative;
 }
 
 .input label {
@@ -1048,19 +1088,23 @@ label.postfix, a.postfix {
   padding: 0;
 }
 
+.input input {
+    padding-right: 46px;
+}
+
 .dollar-value {
-  position: absolute;
-  top: -21px;
-  right: 18px;
-  max-width: 100%;
-  white-space: nowrap;
-  font-size: 13px;
-  overflow: hidden;
-  color: #A5B2BF;
-  text-overflow: ellipsis;
+    position: absolute;
+    top: -21px;
+    right: 18px;
+    max-width: 100%;
+    white-space: nowrap;
+    font-size: 13px;
+    overflow: hidden;
+    color: #A5B2BF;
+    text-overflow: ellipsis;
 }
 .send-all.dollar-value {
-  right: 0;
+    right: 0;
 }
 
 .icon-input {
@@ -1239,6 +1283,7 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
 	justify-content: space-between;
 	height: 100%;
   vertical-align: top;
+  line-height: 25px;
 }
 
 .mtab-title {
@@ -1252,7 +1297,11 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
   	border-radius: 3px 3px 0 0;
 	font-size: 14px;
 	font-weight: 500;
-	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif
+	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+    margin-top:8px;
+    padding: 5px;
+    padding-top:12px !important;
+    line-height:14px;
 }
 .mtab-title.disabled {
 	cursor: not-allowed;
@@ -1657,7 +1706,6 @@ a.suggest-command {
   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
   text-align: center;
   border-radius: 5px;
-  padding: 20px 10px;
 }
 
 .backup-reminder-text {
@@ -1683,25 +1731,30 @@ a.suggest-command {
   min-height: 40px;
 }
 
-.name-outer-wrap {
-  width: calc(100% - 80px);
+
+.button.expand{
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+    padding-top: .8rem;
+    padding-bottom: .8rem;
+    margin-bottom: 1.5em;
 }
 
-.flex {
-  display: flex;
+.message-log {
+    padding:10px;
 }
 
-.flex.align-items-start {
-  align-items: flex-start;
+.label .gray .radius{
+  padding: 10px;
 }
 
-.flex.align-items-center {
-  align-items: center;
+.order-button-right{
+  line-height: 30px;
+  font-size: 13px;
 }
 
-.text-overflow-wrapper {
-  flex-grow: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.bot_name{
+  vertical-align: middle;
 }
diff --git a/src/css/mobile.css b/src/css/mobile.css
index b7d822e85..c5b18795d 100644
--- a/src/css/mobile.css
+++ b/src/css/mobile.css
@@ -90,15 +90,15 @@ _:-ms-fullscreen, :root .main {
 }
 
 .tab-bar {
-  background: #FFFFFF;
+  background: #2C3E50; /*#FFFFFF;*/
   z-index: 5;
-  border-bottom: 1px solid #E9E9EC;
+  /* border-bottom: 1px solid #E9E9EC; */
 }
 
 .tab-bar h1 {
-  color: #7A8C9E;
-  font-weight: 500;
-  font-size: 14px;
+  color: #E4E8EC;
+  font-weight: 300;
+  font-size: 16px;
   display: inline-block;
 }
 
@@ -223,15 +223,14 @@ _:-ms-fullscreen, :root .main {
 
 .walletHome .wallet-info {
   margin-left: 85px;
+  margin-bottom: 25px;
   line-height: 110%;
-  height: 60px;
   overflow: hidden;
 }
-
 .walletHome .wallet-info .m0 {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .copayers {
@@ -269,40 +268,38 @@ ul.copayer-list img {
 	top: 3px;
 	right: 3px;
 	font-size: 0.6em;
-	padding: 3px 7px 2px 7px;
+	padding: 3px 7.6px 2px 7.6px;
 	background-color: red;
 	border-radius: 10px;
 	color: white;
 }
 
+.box-founds {
+  background-color: #213140;
+}
+
 .time-block {
-  margin-right: 16px;
-  margin-top: 4px; /* 1px up */
+    margin-right: 16px;
+    margin-top: 4px; /* 1px up */
 }
 
 .history-badge {
-  position: absolute;
-  top: 3px;
-  right: -10px;
-  font-size: 0.6em;
-  padding: 3px 7px 2px 7px;
-  background-color: red;
-  border-radius: 10px;
-  color: white;
+    position: absolute;
+    top: 3px;
+    right: -10px;
+    font-size: 0.6em;
+    padding: 3px 7px 2px 7px;
+    background-color: red;
+    border-radius: 10px;
+    color: white;
 }
 
 .bottombar-item .badge {
-
-}
-
-.box-founds {
-  background-color: #213140;
+    
 }
 
-
-
 .right-small a, .left-small a {
-  color: #A5B2BF;
+   color: #E4E8EC; /* #A5B2BF; */
 }
 
 a.missing-copayers {
@@ -327,12 +324,13 @@ a.missing-copayers {
 }
 
 .label {
-  font-size: 70%;
+  font-size: 80%;
   padding: 0.2rem 0.2rem;
 }
 
 .sidebar {
-  background: #2C3E50;
+  /* background: #2C3E50; */
+  background-image: linear-gradient(90deg, #122232,#425d78);
 }
 
 .sidebar .icon {
@@ -345,7 +343,7 @@ a.missing-copayers {
 
 .sidebar li {
   overflow: hidden;
-  border-bottom: 1px solid #384B5F;
+  border-bottom: 1px solid rgba(200,200,200,.4);
 }
 
 .sidebar li.nav-item.selected {
@@ -369,7 +367,7 @@ a.missing-copayers {
 .sidebar header {
   text-align: center;
   padding: 1.7rem;
-  border-bottom: 1px solid #384B5F;
+  border-bottom: 1px solid rgba(200,200,200,.4);
 }
 
 .sidebar header h1 {
@@ -853,7 +851,7 @@ textarea:focus
 
 
 .create-tab a {
-  font-size: .7rem;
+  font-size: .8rem;
   padding: 0 .2rem .6rem .2rem;
   color: #929396;
   text-transform: uppercase;
@@ -882,7 +880,8 @@ textarea:focus
 .rn-carousel-control.rn-carousel-control-next, .rn-carousel-control.rn-carousel-control-prev {
 	opacity: 0.6;
 	font-size: 80px;
-	background-color: rgb(74, 144, 226);
+	background-color: rgba(0, 0, 0, 0);
+
 }
 .rn-carousel-control.rn-carousel-control-next {
 	right: -0.2em;
@@ -966,6 +965,7 @@ touch-action: manipulation; /* IE11+ */
 
 #splash{
   background-color: #283c4f;
+  background-image: linear-gradient(#122232,#425d78);
   position: absolute;
   left: 0;
   top: 0;
@@ -981,9 +981,10 @@ touch-action: manipulation; /* IE11+ */
 }
 .description {
 	clear: both;
-	font-size: 12px;
+	font-size: 13px;
 	color: gray;
 	white-space: normal;
+  padding-top: 10px;
 }
 i.validation-icon {
 	padding: 3px;
@@ -992,6 +993,27 @@ i.validation-icon {
 .keyboard-open .bottom-bar {
 	display: none;
 }
+
+
 .keyboard-open .send-form {
 	padding-bottom: 0px;
 }
+
+.color-indicator{
+    background-color: white;
+    border-radius: 50%;
+    width: 15px;
+    height: 15px;
+    display: inline-block;
+    line-height: 300px;
+    position: relative;
+    top: 2px;
+}
+
+/* Tweaks for Foundation css: (opacity works better on various colors)*/
+div.rn-carousel-indicator span {
+  color: rgba(0,0,0,.25) !important;
+}
+div.rn-carousel-indicator span.active {
+    color: white !important;
+}
diff --git a/src/js/services/configService.js b/src/js/services/configService.js
index a4b8b94fe..a5994dde3 100644
--- a/src/js/services/configService.js
+++ b/src/js/services/configService.js
@@ -4,25 +4,25 @@ angular.module('copayApp.services').factory('configService', function(storageSer
   var root = {};
 
 	root.colorOpts = [
-	  '#DD4B39',
-	  '#F38F12',
-	  '#FAA77F',
-	  '#FADA58',
-	  '#9EDD72',
-	  '#77DADA',
-	  '#4A90E2',
-	  '#484ED3',
-	  '#9B59B6',
-	  '#E856EF',
-	  '#FF599E',
-	  '#7A8C9E',
+      {hexValue:'#DD4B39',colorName:"Punch"},
+   	  {hexValue:'#F38F12',colorName:"Gamboge"},
+   	  {hexValue:'#FAA77F',colorName:"Hit Pink"},
+   	  {hexValue:'#FADA58',colorName:"Energy Yellow"},
+   	  {hexValue:'#9EDD72',colorName:"Feijoa"},
+   	  {hexValue:'#77DADA',colorName:"Bermuda"},
+   	  {hexValue:'#4A90E2',colorName:"Havelock Blue"},
+   	  {hexValue:'#484ED3',colorName:"Indigo"},
+   	  {hexValue:'#9B59B6',colorName:"Wisteria"},
+   	  {hexValue:'#E856EF',colorName:"Heliotrope"},
+   	  {hexValue:'#FF599E',colorName:"Hot Pink"},
+   	  {hexValue:'#7A8C9E',colorName:"Regent Gray"}
 	];
 
   var constants = require('ocore/constants.js');
   var isTestnet = constants.version.match(/t$/);
   root.TIMESTAMPER_ADDRESS = isTestnet ? 'OPNUXBRSSQQGHKQNEPD2GLWQYEUY5XLD' : 'I2ADHGP4HL6J37NQAD73J7E5SKFIXJOT';
 	root.backupExceedingAmountUSD = 10;
-	
+
   root.oracles = {
 		"FOPUBEUPBC6YLIQDLKL6EW775BMV7YOH": {
 			name: "Bitcoin oracle",
@@ -67,7 +67,7 @@ angular.module('copayApp.services').factory('configService', function(storageSer
 	};
 
 	root.privateTextcoinExt = 'coin';
-	
+
   var defaultConfig = {
 	// wallet limits
 	limits: {
@@ -189,13 +189,13 @@ angular.module('copayApp.services').factory('configService', function(storageSer
   root.getDefaults = function() {
 	return lodash.clone(defaultConfig);
   };
-  
+
   if(window.config){
 	configCache = migrateLocalConfig(window.config);
   }else{
 	root.get(function() {});
   }
-  
+
   function migrateLocalConfig(localConfig) {
 	if (localConfig) {
 		var _config = JSON.parse(localConfig);
@@ -254,7 +254,7 @@ angular.module('copayApp.services').factory('configService', function(storageSer
 	}
 	return _config;
   }
-  
+
   function checkAndReplaceOldUnitCode(setting) {
 	  switch (setting.unitCode){
 		  case 'byte':