Improve block link preview legibility

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

@@ -26,10 +26,6 @@
               {{ block?.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }}
             </td>
           </tr>
-          <tr>
-            <td i18n="block.size">Size</td>
-            <td [innerHTML]="'&lrm;' + (block?.size | bytes: 2)"></td>
-          </tr>
           <tr>
             <td i18n="block.weight">Weight</td>
             <td [innerHTML]="'&lrm;' + (block?.weight | wuBytes: 2)"></td>
@@ -51,12 +47,6 @@
                   </td>
                 </ng-template>
               </tr>
-              <tr *ngIf="network !== 'liquid' && network !== 'liquidtestnet'">
-                <td i18n="block.subsidy-and-fees|Total subsidy and fees in a block">Subsidy + fees:</td>
-                <td>
-                  <app-amount [satoshis]="block?.extras.reward" digitsInfo="1.2-3" [noFiat]="true"></app-amount>
-                </td>
-              </tr>
             </ng-template>
             <tr *ngIf="network !== 'liquid' && network !== 'liquidtestnet'">
               <td i18n="block.miner">Miner</td>

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

@@ -1,7 +1,27 @@
 .box {
-  padding: 2rem 6rem;
+  padding: 2rem 3rem;
 }
 
 .block-title {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.75em;
+  font-size: 42px;
+
+  ::ng-deep .next-previous-blocks {
+    font-size: 42px;
+  }
+}
+
+.table {
+  font-size: 24px;
+}
+
+.chart-container {
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: 420px;
+  min-width: 420px;
+}
+
+::ng-deep .symbol {
+  font-size: 18px;
 }

frontend/src/app/components/master-page-preview/master-page-preview.component.scss

@@ -20,6 +20,7 @@
     align-items: center;
     background: #11131f;
     text-align: start;
+    font-size: 1.2em;
   }
 
   .footer-brand {