* moved JSON read writes to database.js

+ show commutative price and price per etho
+ use Roboto as the default font
+ use subscribe for new blocks to sync transactions better

assets/styles/style.css

@@ -1,5 +1,7 @@
 html {
   color: #aaa;
+  font-family: 'Roboto', sans-serif;
+  -webkit-font-smoothing: antialiased;
 }
 
 /* hide / show the body when the loader is finished */
@@ -98,19 +100,22 @@ body.pg-loaded > .inner {
 
 #sumBalance {
   float: right;
-  font-weight: bold;
   line-height: 38px;  
   margin-right: 10px;
 }
 
 .modalBody {
   margin: 20px;
+  color: #333;
 }
 
 #dlgGeneralError .modalBody {
-  height: 100px;
+    height: 100px;
 }
 
+#dlgGeneralConfirm .modalBody {
+    height: 100px;
+}
 #dlgDeleteAddressConfirm .modalBody {
   height: 100px;
 }
@@ -135,6 +140,10 @@ body.pg-loaded > .inner {
   background-color: #333;
 }
 
+#dlgAddressList .modalBody {
+  color: #aaa;
+}
+
 .btn-dialog-confirm {
   position: absolute;
   bottom: 10px;
@@ -240,6 +249,12 @@ div.sidebar svg {
   padding-left: 20px;
 }
 
+#addressList th {
+  color: #ccc;
+  font-size: 1.1em;
+  font-weight: normal;
+}
+
 .sendTXInfo {
   height: 30px;
 }
@@ -307,12 +322,11 @@ div.sidebar svg {
   background-color: #aaa;
 }
 
-.sumBalance {
-  color: white;
-  background-color: #7A1336;
-  border: 2px solid #991643;
-  border-radius: 10px;
-  padding: 5px;
+.sumDollars,
+.sumBalance,
+.sumCurrency {
+  color: #ccc;
+  margin-right: 5px;
 }
 
 .cleanText {

assets/styles/transactions.css

@@ -66,7 +66,9 @@ table.dataTable {
    */ }
   table.dataTable thead th,
   table.dataTable tfoot th {
-    font-weight: bold; }
+    color: #ccc;
+    font-size: 1.1em;
+    font-weight: normal;  }
   table.dataTable thead th,
   table.dataTable thead td {
     padding: 10px 18px;

assets/templates/addressBook.html

@@ -18,7 +18,7 @@
                         <th scope="row" class="colEdit"><button type="button" class="btn btn-etho btnChangAddressName" data-address="{{address}}" data-name="{{name}}">Edit</button></th>
                         <td>{{name}}</td>
                         <td><span class="textAddress">{{address}}</span></td>
-                        <td><button type="button" class="btn btn-etho btnDeleteAddress" data-wallet="{{address}}"><i class="far fa-trash-alt"></i></button></td>
+                        <td><button type="button" class="btn btn-etho btnDeleteAddress" data-address="{{address}}"><i class="far fa-trash-alt"></i></button></td>
                     </tr>
                 {{/addressData}}
             </tbody>

assets/templates/wallets.html

@@ -2,7 +2,10 @@
     <button type="button" class="btn btn-etho" id="btnNewAddress"><i class="fas fa-plus"></i></button>    
     <button type="button" class="btn btn-etho" id="btnExportAccounts"><i class="fas fa-file-export"></i></button>    
     <button type="button" class="btn btn-etho" id="btnImportAccounts"><i class="fas fa-file-import"></i></button>    
-    <div id="sumBalance">Total ETHO: <span class="sumBalance">{{sumBalance}}</span></div>
+    <div id="sumBalance">
+        <span class="sumBalance" id="labelSumBalance">{{sumBalance}}</span>
+        <span class="sumCurrency"  id="labelSumCurrency">ETHO</span>
+        <span class="sumDollars" id="labelSumDollars">/ 0.00 $ / 0.00 $ per ETHO</span></div>
 </div>
 <div id="addressList" class="{{#if addressData.length}}walletsWrapper{{else}}noWalletsWrapper{{/if}}">
     {{#if addressData.length}}