Transaction tracking revamped.

Blockchain block arrow.

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

@@ -4,9 +4,9 @@
   <div class="spinner-border text-light"></div>
 </div>
 <div class="text-center" class="blockchain-wrapper">
-  <div class="position-container" [ngStyle]="{'top': position === 'top' ? '100px' : 'calc(50% - 60px)'}">
+  <div class="position-container" [ngStyle]="{'top': position === 'top' ? '75px' : 'calc(50% - 60px)'}">
     <app-mempool-blocks></app-mempool-blocks>
-    <app-blockchain-blocks></app-blockchain-blocks>
+    <app-blockchain-blocks [markHeight]="markHeight"></app-blockchain-blocks>
 
     <div id="divider" *ngIf="!isLoading"></div>
   </div>

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

@@ -10,6 +10,7 @@ import { StateService } from 'src/app/services/state.service';
 })
 export class BlockchainComponent implements OnInit, OnDestroy {
   @Input() position: 'middle' | 'top' = 'middle';
+  @Input() markHeight: number;
 
   txTrackingSubscription: Subscription;
   blocksSubscription: Subscription;