web-ui: Update the latest blocks view

web-ui/src/app/components/latest-blocks/latest-blocks.component.html

@@ -1,13 +1,17 @@
 <div>
-  <div [hidden]="blocks != null">
-    <alert>{{'message.loadingLatestBlocks' | translate}}</alert>
+  <div class="row">
+    <div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10">
+      <h2>{{'label.latestBlocks' | translate}}</h2>
+    </div>
   </div>
 
-  <div *ngIf="blocks != null">
-    <div class="row">
-      <h2 class="col-xs-12 col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-1'">{{'label.latestBlocks' | translate}}</h2>
+  <div class="row" *ngIf="blocks == null">
+    <div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10">
+      <h4>{{'message.loadingLatestBlocks' | translate}}</h4>
     </div>
+  </div>
 
+  <div *ngIf="blocks != null">
     <div class="row">
       <div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10">
         <table class="table table-condensed table-bordered table-striped table-hover">

web-ui/src/app/components/latest-blocks/latest-blocks.component.ts

@@ -35,7 +35,6 @@ export class LatestBlocksComponent implements OnInit, OnDestroy {
     private errorService: ErrorService) { }
 
   ngOnInit() {
-    this.blocks = [];
     this.updateBlocks();
   }