Footer and header design updates.

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

@@ -1,7 +1,7 @@
 <div class="text-center" class="blockchain-wrapper">
-  <div class="position-container" [ngStyle]="{'top': position === 'top' ? '75px' : 'calc(50% - 60px)'}">
-    <app-mempool-blocks [txFeePerVSize]="txFeePerVSize"></app-mempool-blocks>
-    <app-blockchain-blocks [markHeight]="markHeight"></app-blockchain-blocks>
+  <div class="position-container">
+    <app-mempool-blocks [txFeePerVSize]="markHeight ? 0 : txFeePerVSize"></app-mempool-blocks>
+    <app-blockchain-blocks [markHeight]="markHeight" [txFeePerVSize]="txFeePerVSize"></app-blockchain-blocks>
 
     <div id="divider" *ngIf="!isLoading; else loadingTmpl"></div>
 

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

@@ -23,6 +23,7 @@
 .position-container {
   position: absolute;
   left: 50%;
+  top: 75px;
 }
 
 @media (max-width: 767.98px) {