Port of most views to Bootstrap4. exchanges remain

views/includes/net_addnodes.pug

@@ -49,8 +49,8 @@ script.
       ]
     });
   });
-.panel.panel-default
-  .panel-body
+.card.card-default
+  .card-body
     :markdown-it
       If you have trouble syncing your wallet, add these lines to your coin daemon .conf file and restart the wallet.
       
@@ -61,7 +61,7 @@ script.
         th.text-center AddNode Config Lines
     tbody.text-center
 
-  .panel-body
+  .card-body
     :markdown-it
       Alternatively you can try one of these lines in the coin wallet debug window, or add them with *coindaemon*-cli
   table#addnodes2-table.table.table-bordered.table-striped

views/includes/net_list.pug

@@ -29,7 +29,7 @@ script.
       ]
     });
   });
-.panel.panel-default
+.card.card-default
   table#connections-table.table.table-bordered.table-striped
     thead
       tr

views/includes/rl_balance.pug

@@ -1,25 +1,28 @@
-table.table.table-hover.table-bordered(cellspacing="0")
-  thead
-    tr
-      th(style='text-align:center;')
-        span.fa.fa-flag-checkered
-      th #{settings.locale.tx_address}
-      th.hidden-xs #{settings.locale.rl_balance} (#{settings.symbol})
-      th.hidden-xs(style='text-align:center;') %
-  tbody
-    - var count = 0
-    each item in balance
-      - count = count + 1
-      - var itemFixed = (parseInt(item.balance) / 100000000);
-      - var itemFixedParts = itemFixed.toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true}).split(".");
-      - var percentage = (itemFixed / stats.supply) * 100;
+.card.card-default
+  .card-header
+    h3.card-title #{settings.locale.rl_current_balance} 
+  table.table.table-hover.table-bordered(cellspacing="0")
+    thead
       tr
-        td(style='text-align:center;') 
-          =count
-        td 
-          a(href='/address/' + item.a_id) #{item.a_id}
-          include ./rl_labels.pug
-        td.hidden-xs #{itemFixedParts[0]}.
-          span.decimal #{itemFixedParts[1]}
-        td.hidden-xs(style='text-align:center;') 
-          =percentage.toFixed(2)
+        th(style='text-align:center;') 
+          span.fa.fa-flag-checkered
+        th #{settings.locale.tx_address}
+        th.hidden-xs #{settings.locale.rl_balance} (#{settings.symbol})
+        th.hidden-xs(style='text-align:center;') %
+    tbody
+      - var count = 0
+      each item in balance
+        - count = count + 1
+        - var itemFixed = (parseInt(item.balance) / 100000000)
+        - var itemFixedParts = itemFixed.toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true}).split(".");
+        - var percentage = (itemFixed / stats.supply) * 100;
+        tr
+          td(style='text-align:center;') 
+            =count
+          td 
+            a(href='/address/'+item.a_id) #{item.a_id}
+            include ./rl_labels.pug
+          td.hidden-xs #{itemFixedParts[0]}.
+            span.decimal #{itemFixedParts[1]}
+          td.hidden-xs(style='text-align:center;') 
+            =percentage.toFixed(2)

views/includes/rl_labels.pug

@@ -1,17 +1,17 @@
 if settings.labels[item.a_id]
   if settings.labels[item.a_id].type
-    label(class='label label-' + settings.labels[item.a_id].type + ' pull-right hidden-xs', style='margin-left:15px;')
+    label(class='label label-' + settings.labels[item.a_id].type + ' float-right hidden-xs', style='margin-left:15px;')
       =settings.labels[item.a_id].label
       if settings.labels[item.a_id].url
         a(href=settings.labels[item.a_id].url, target='_blank')
           span.fa.fa-question-circle(style='margin-left:5px;')
   else
-    label.label.label-default.pull-right.hidden-xs(style='margin-left:15px;')
+    label.label.label-default.float-right.hidden-xs(style='margin-left:15px;')
       =settings.labels[item.a_id].label
       if settings.labels[item.a_id].url
         a(href=settings.labels[item.a_id].url, target='_blank')
           span.fa.fa-question-circle(style='margin-left:5px;')
 else
   if item.name !== "" && typeof item.name !== "undefined"
-    label(class='label label-default pull-right hidden-xs', style='margin-left:15px;')
+    label(class='label label-default float-right hidden-xs', style='margin-left:15px;')
       =item.name

views/includes/rl_received.pug

@@ -1,21 +1,24 @@
-table.table.table-hover.table-bordered(cellspacing="0")
-  thead
-    tr
-      th(style='text-align:center;') 
-        span.fa.fa-flag-checkered
-      th #{settings.locale.tx_address} 
-      th.hidden-xs #{settings.locale.rl_received} (#{settings.symbol})
-  tbody
-    - var count = 0
-    each item in received
-      - count = count + 1;
-      - var itemFixed = (parseInt(item.received) / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true})
-      - var itemFixedParts = itemFixed.split(".");
+.card.card-default
+  .card-header
+    h3.card-title #{settings.locale.rl_received_coins} 
+  table.table.table-hover.table-bordered(cellspacing="0")
+    thead
       tr
-        td(style='text-align:center;') 
-          =count
-        td
-          a(href='/address/' + item.a_id) #{item.a_id}
-          include ./rl_labels.pug
-        td.hidden-xs #{itemFixedParts[0]}.
-          span.decimal #{itemFixedParts[1]}
+        th(style='text-align:center;') 
+          span.fa.fa-flag-checkered
+        th #{settings.locale.tx_address} 
+        th.hidden-xs #{settings.locale.rl_received} (#{settings.symbol})
+    tbody
+      - var count = 0
+      each item in received
+        - count = count + 1;
+        - var itemFixed = (parseInt(item.received) / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true})
+        - var itemFixedParts = itemFixed.split(".");
+        tr
+          td(style='text-align:center;') 
+            =count
+          td
+            a(href='/address/'+item.a_id) #{item.a_id}
+            include ./rl_labels.pug
+          td.hidden-xs #{itemFixedParts[0]}.
+            span.decimal #{itemFixedParts[1]}