From 50b4e1523ec4234a340b9792a6a2698da2a7c806 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Fri, 28 Feb 2020 05:28:23 +0700
Subject: [PATCH] Minor UX fixes.

---
 frontend/src/app/components/block/block.component.ts            | 2 ++
 .../src/app/components/transaction/transaction.component.html   | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/block/block.component.ts b/frontend/src/app/components/block/block.component.ts
index 8091fe31e..6d55e403f 100644
--- a/frontend/src/app/components/block/block.component.ts
+++ b/frontend/src/app/components/block/block.component.ts
@@ -86,6 +86,8 @@ export class BlockComponent implements OnInit {
   }
 
   getBlockTransactions(hash: string) {
+    this.isLoadingTransactions = true;
+    this.transactions = null;
     this.electrsApiService.getBlockTransactions$(hash)
       .subscribe((transactions: any) => {
         this.transactions = transactions;
diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index 5ed7cf9f9..149e71d98 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -61,7 +61,7 @@
               <ng-template #firstSeenTmpl>
                 <tr>
                   <td>First seen</td>
-                  <td><app-time-since [time]="transactionTime"></app-time-since> ago</td>
+                  <td><i><app-time-since [time]="transactionTime"></app-time-since> ago</i></td>
                 </tr>
               </ng-template>
             </ng-template>