Fix websocket wallet balances, reposition logo

frontend/src/app/components/address-group/address-group.component.html

@@ -1,7 +1,8 @@
 <div class="frame {{ screenSize }}" [class.liquid-address]="network === 'liquid' || network === 'liquidtestnet'">
   <div class="heading">
-    <h3 i18n="addresses.balance">Balances</h3>
     <app-svg-images name="officialMempoolSpace" style="width: 144px; height: 36px" width="500" height="126" viewBox="0 0 500 126"></app-svg-images>
+    <h3 i18n="addresses.balance">Balances</h3>
+    <div class="spacer"></div>
   </div>
   <table class="table table-borderless table-striped table-fixed">
     <tr>

frontend/src/app/components/address-group/address-group.component.scss

@@ -10,6 +10,16 @@
   flex-direction: row;
   justify-content: space-between;
   align-items: start;
+
+  & > * {
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+
+  h3 {
+    text-align: center;
+    margin: 0 1em;
+  }
 }
 
 .pagination {
@@ -19,6 +29,8 @@
 }
 
 .table {
+  margin-top: 0.5em;
+
   td, th {
     padding: 0.15rem 0.5rem;
 

frontend/src/app/components/address-group/address-group.component.ts

@@ -94,7 +94,7 @@ export class AddressGroupComponent implements OnInit, OnDestroy {
               - addressBalance.chain_stats.spent_txo_sum
               - addressBalance.mempool_stats.spent_txo_sum;
             this.balance += this.addresses[address];
-            this.confirmed += this.addresses[address];
+            this.confirmed += (addressBalance.chain_stats.funded_txo_sum - addressBalance.chain_stats.spent_txo_sum);
           }
           this.addressInfo[address] = addressData[2] ? addressData[2] as AddressInformation : null;
         }