Track transaction among mempool blocks.

frontend/src/app/components/block/block.component.html

@@ -43,7 +43,7 @@
             <tbody>
               <tr>
                 <td>Hash</td>
-                <td><a [routerLink]="['/block/', block.id]" title="{{ block.id }}" >{{ block.id | shortenString : 32 }}</a></td>
+                <td><a [routerLink]="['/block/', block.id]" title="{{ block.id }}">{{ block.id | shortenString : 32 }}</a> <app-clipboard [text]="block.id"></app-clipboard></td>
               </tr>
               <tr>
                 <td>Previous Block</td>

frontend/src/app/components/block/block.component.scss

@@ -1,7 +1,7 @@
 .title-block {
   color: #FFF;
   padding-left: 10px;
-  padding-top: 13px;
+  padding-top: 20px;
   padding-bottom: 3px;
   border-top: 5px solid #FFF;
 }

frontend/src/app/components/block/block.component.ts

@@ -57,7 +57,7 @@ export class BlockComponent implements OnInit {
       this.blockHeight = block.height;
       this.isLoadingBlock = false;
       this.getBlockTransactions(block.id);
-      window.scrollTo(0, 0);
+      document.body.scrollTo({ top: 0, behavior: 'smooth' });
     },
     (error) => {
       this.error = error;