Port over small UI changes from TB repo

Breeze.UI/src/app/wallet/history/history.component.html

@@ -19,8 +19,8 @@
     <!-- /JUMBOTRON-->
 
     <!-- TRANSACTIONS -->
-    <section id="transaction" class="container mt-4">
-      <h5 class="pt-4">Transactions</h5>
+    <section id="transaction" class="container">
+      <h5>Transactions</h5>
       <div *ngIf="transactions; else noTransactions">
         <div *ngFor="let transaction of transactions">
           <div class="card" (click)="openTransactionDetailDialog(transaction)">

Breeze.UI/src/app/wallet/receive/receive.component.html

@@ -12,7 +12,7 @@
             <span class="float-right"><a ngxClipboard [cbContent]="address" (click)="onCopiedClick()">copy</a></span>
           </div>
           <div class="myAddress"><code>{{ address }}</code></div>
-          <div class="text-center row" *ngIf="copied">
+          <div class="text-center" *ngIf="copied">
             <span class="badge badge-success col">Your address has been copied to your clipboard.</span>
           </div>
         </form>

Breeze.UI/src/app/wallet/send/send-confirmation/send-confirmation.component.html

@@ -18,7 +18,7 @@
             </ul>
             <ul class="list-inline row">
               <li class="list-inline-item col blockLabel">Amount</li>
-              <li class="list-inline-item col-9 blockText"><strong class="text-danger">-{{ transaction.amount }}</strong> <small class="text-uppercase ml-2">BTC</small></li>
+              <li class="list-inline-item col-9 blockText text-danger">-{{ transaction.amount | number:'1.8-8' }} TBTC</li>
             </ul>
             <ul class="list-inline row">
               <li class="list-inline-item col blockLabel">Destination</li>

Breeze.UI/src/scss/_custom.scss

@@ -139,10 +139,12 @@ em {
     font-size: .85em;
     color: $gray-dark;
   }
+  p {margin-bottom: 0 !important;}
   .lead {
     color: $black;
     font-size: 1.85em;
     font-weight: 500;
+    margin-bottom: 0;
     .h2 {
       font-size: 2em;
       font-weight: 600;