diff --git a/frontend/src/app/components/blocks-list/blocks-list.component.html b/frontend/src/app/components/blocks-list/blocks-list.component.html
index 22c7e2e9d..793568a99 100644
--- a/frontend/src/app/components/blocks-list/blocks-list.component.html
+++ b/frontend/src/app/components/blocks-list/blocks-list.component.html
@@ -15,7 +15,7 @@
Timestamp |
Mined |
Health |
+ i18n-ngbTooltip="latest-blocks.health" ngbTooltip="Health" placement="bottom" #health [disableTooltip]="!isEllipsisActive(health)">Health
Reward |
Fees |
diff --git a/frontend/src/app/components/blocks-list/blocks-list.component.scss b/frontend/src/app/components/blocks-list/blocks-list.component.scss
index 1a32f7ed7..905097a17 100644
--- a/frontend/src/app/components/blocks-list/blocks-list.component.scss
+++ b/frontend/src/app/components/blocks-list/blocks-list.component.scss
@@ -29,6 +29,17 @@ tr, td, th {
color: white;
}
+.info-link {
+ color: #fff;
+ border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
+}
+
+.info-link:hover {
+ color: #fff;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.4);
+ text-decoration: none;
+}
+
.disabled {
pointer-events: none;
opacity: 0.5;
@@ -215,7 +226,7 @@ tr, td, th {
/* Tooltip text */
.tooltip-custom {
- position: relative;
+ position: relative;
}
.tooltip-custom .tooltiptext {
@@ -242,4 +253,4 @@ tr, td, th {
vertical-align: middle;
max-width: 50vw;
text-align: left;
-}
\ No newline at end of file
+}