diff --git a/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.html b/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.html
index 9928d57a8..8279a2d5f 100644
--- a/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.html
+++ b/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.html
@@ -21,7 +21,7 @@
-
+
Rank |
diff --git a/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.scss b/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.scss
index 97a3e76f6..70b01d8b3 100644
--- a/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.scss
+++ b/frontend/src/app/lightning/nodes-per-country-chart/nodes-per-country-chart.component.scss
@@ -42,14 +42,14 @@
}
.rank {
- width: 20%;
+ width: 8%;
@media (max-width: 576px) {
display: none
}
}
.name {
- width: 20%;
+ width: 36%;
@media (max-width: 576px) {
width: 80%;
max-width: 150px;
@@ -59,21 +59,21 @@
}
.share {
- width: 20%;
+ width: 15%;
@media (max-width: 576px) {
display: none
}
}
.nodes {
- width: 20%;
+ width: 15%;
@media (max-width: 576px) {
width: 10%;
}
}
.capacity {
- width: 20%;
+ width: 26%;
@media (max-width: 576px) {
width: 10%;
max-width: 100px;
@@ -91,3 +91,8 @@ a:hover .link {
.flag {
font-size: 20px;
}
+
+.text-truncate .link {
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
diff --git a/frontend/src/app/lightning/nodes-per-isp-chart/nodes-per-isp-chart.component.html b/frontend/src/app/lightning/nodes-per-isp-chart/nodes-per-isp-chart.component.html
index 60f5ca9d4..c73e936c0 100644
--- a/frontend/src/app/lightning/nodes-per-isp-chart/nodes-per-isp-chart.component.html
+++ b/frontend/src/app/lightning/nodes-per-isp-chart/nodes-per-isp-chart.component.html
@@ -51,7 +51,7 @@
-