From 18133eb925b22d8edac0f4a698480640e82051a8 Mon Sep 17 00:00:00 2001
From: Mario Mejia <mario128mex@gmail.com>
Date: Fri, 22 Jun 2018 20:50:47 -0500
Subject: [PATCH] web-ui: small visual improvements

title on tabset was removed on large screens, difficulty was rounded on latest
bloks view, last seen was transformed into moment tags in masternodes view
---
 .../components/latest-blocks/latest-blocks.component.html   | 4 ++--
 .../app/components/masternodes/masternodes.component.html   | 6 +++---
 .../richest-addresses/richest-addresses.component.html      | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web-ui/src/app/components/latest-blocks/latest-blocks.component.html b/web-ui/src/app/components/latest-blocks/latest-blocks.component.html
index 57eb40b..20c5fa3 100644
--- a/web-ui/src/app/components/latest-blocks/latest-blocks.component.html
+++ b/web-ui/src/app/components/latest-blocks/latest-blocks.component.html
@@ -1,5 +1,5 @@
 <div>
-  <div class="row">
+  <div class="row visible-xs">
     <div class="col-xs-12">
       <h2>{{'label.latestBlocks' | translate}}</h2>
     </div>
@@ -31,7 +31,7 @@
             </td>
             <td>{{item.time * 1000 | amTimeAgo}}</td>
             <td>{{item.transactions.length}}</td>
-            <td>{{item.difficulty}}</td>
+            <td>{{item.difficulty | number:'1.2-2'}}</td>
             <td>{{extractedBy(item) | translate}}</td>
           </tr>
         </tbody>
diff --git a/web-ui/src/app/components/masternodes/masternodes.component.html b/web-ui/src/app/components/masternodes/masternodes.component.html
index 6170525..4f85f70 100644
--- a/web-ui/src/app/components/masternodes/masternodes.component.html
+++ b/web-ui/src/app/components/masternodes/masternodes.component.html
@@ -1,5 +1,5 @@
 <div>
-  <div class="row">
+  <div class="row visible-xs">
     <h2 class="col-xs-12">{{'label.masternodes' | translate}}</h2>
   </div>
 
@@ -14,7 +14,7 @@
                 <th class="col-xs-2 col-sm-2 col-md-1 col-lg-1">{{'label.status' | translate}}</th>
                  -->
           <th class="col-xs-2 col-md-1">{{'label.active' | translate}}</th>
-          <th class="col-xs-3 col-md-2">{{'label.lastSeen' | translate}}</th>
+          <th class="col-xs-2">{{'label.lastSeen' | translate}}</th>
           <th class="col-xs-2 col-md-1">{{'label.payee' | translate}}</th>
         </tr>
       </thead>
@@ -28,7 +28,7 @@
                 <td>{{item.status}}</td>
                 -->
           <td>{{Math.max(item.activeSeconds, 0) | amDuration:'seconds'}}</td>
-          <td>{{item.lastSeen * 1000 | date:'MMMM d, y, h:mm:ss a'}}</td>
+          <td>{{item.lastSeen * 1000 | amTimeAgo}}</td>
           <td>
             <a routerLink="/addresses/{{item.payee}}">{{item.payee}}</a>
           </td>
diff --git a/web-ui/src/app/components/richest-addresses/richest-addresses.component.html b/web-ui/src/app/components/richest-addresses/richest-addresses.component.html
index f85e542..d96da36 100644
--- a/web-ui/src/app/components/richest-addresses/richest-addresses.component.html
+++ b/web-ui/src/app/components/richest-addresses/richest-addresses.component.html
@@ -1,5 +1,5 @@
 <div>
-  <div class="row">
+  <div class="row visible-xs">
     <h2 class="col-xs-12">{{'label.richestAddresses' | translate}}</h2>
   </div>