Add match rate to blocks list page

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

@@ -63,7 +63,7 @@ tr, td, th {
 }
 
 .height {
-  width: 10%;
+  width: 8%;
 }
 .height.widget {
   width: 15%;
@@ -77,12 +77,18 @@ tr, td, th {
 
 .timestamp {
   width: 18%;
-  @media (max-width: 900px) {
+  @media (max-width: 1100px) {
     display: none;
   }
 }
 .timestamp.legacy {
   width: 20%;
+  @media (max-width: 1100px) {
+    display: table-cell;
+  }
+  @media (max-width: 850px) {
+    display: none;
+  }
 }
 
 .mined {
@@ -93,6 +99,10 @@ tr, td, th {
 }
 .mined.legacy {
   width: 15%;
+  @media (max-width: 1000px) {
+    padding-right: 20px;
+    width: 20%;
+  }
   @media (max-width: 576px) {
     display: table-cell;
   }
@@ -100,6 +110,7 @@ tr, td, th {
 
 .txs {
   padding-right: 40px;
+  width: 8%;
   @media (max-width: 1100px) {
     padding-right: 10px;
   }
@@ -113,17 +124,21 @@ tr, td, th {
 }
 .txs.widget {
   padding-right: 0;
+  display: none;
   @media (max-width: 650px) {
     display: none;
   }
 }
 .txs.legacy {
-  padding-right: 80px;
-  width: 10%;
+  width: 18%;
+  display: table-cell;
+  @media (max-width: 1000px) {
+    padding-right: 20px;
+  }
 }
 
 .fees {
-  width: 10%;
+  width: 8%;
   @media (max-width: 650px) {
     display: none;
   }
@@ -133,7 +148,7 @@ tr, td, th {
 }
 
 .reward {
-  width: 10%;
+  width: 8%;
   @media (max-width: 576px) {
     width: 7%;
     padding-right: 30px;
@@ -152,8 +167,11 @@ tr, td, th {
 }
 
 .size {
-  width: 12%;
+  width: 10%;
   @media (max-width: 1000px) {
+    width: 13%;
+  }
+  @media (max-width: 950px) {
     width: 15%;
   }
   @media (max-width: 650px) {
@@ -164,12 +182,34 @@ tr, td, th {
   }
 }
 .size.legacy {
-  width: 20%;
+  width: 30%;
   @media (max-width: 576px) {
     display: table-cell;
   }
 }
 
+.health {
+  width: 10%;
+  @media (max-width: 1000px) {
+    width: 13%;
+  }
+  @media (max-width: 950px) {
+    display: none;
+  }
+}
+.health.widget {
+  width: 25%;
+  @media (max-width: 1000px) {
+    display: none;
+  }
+  @media (max-width: 767px) {
+    display: table-cell;
+  }
+  @media (max-width: 500px) {
+    display: none;
+  }
+}
+
 /* Tooltip text */
 .tooltip-custom {
   position: relative;