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 @@
- +
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 @@ -
Rank
+
Rank