Tweak projected blocks to match blockchain blocks, tweak font size

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

@@ -41,7 +41,7 @@
 }
 
 .fees {
-  font-size: 14px;
+  font-size: 18px;
   margin-top: 10px;
   margin-bottom: 2px;
 }

frontend/src/app/components/mempool-blocks/mempool-blocks.component.html

@@ -4,9 +4,7 @@
       <div class="bitcoin-block text-center mempool-block" id="mempool-block-{{ i }}" [ngStyle]="getStyleForMempoolBlockAtIndex(i)">
         <div class="block-body" *ngIf="mempoolBlocks?.length">
           <div class="fees">
-            ~{{ projectedBlock.medianFee | ceil }} sat/vB
-            <br/>
-            <span class="yellow-color">{{ projectedBlock.feeRange[0] | ceil }} - {{ projectedBlock.feeRange[projectedBlock.feeRange.length - 1] | ceil }} sat/vB</span>
+            <span class="yellow-color">~{{ projectedBlock.medianFee | ceil }} sat/vB</span>
           </div>
           <div class="block-size">{{ projectedBlock.blockSize | bytes: 2 }}</div>
           <div class="transaction-count">{{ projectedBlock.nTx }} transactions</div>

frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss

@@ -45,7 +45,7 @@
 }
 
 .fees {
-  font-size: 10px;
+  font-size: 18px;
   margin-top: 10px;
   margin-bottom: 2px;
 }
@@ -103,4 +103,4 @@
   border-left: 35px solid transparent;
   border-right: 35px solid transparent;
   border-bottom: 35px solid #FFF;
-}
+}