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 24d634a3f..e37efe25b 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
@@ -21,28 +21,28 @@
-
+
- Rank |
- ISP |
- Share |
- Nodes |
- Capacity |
+ Rank |
+ ISP |
+ Share |
+ Nodes |
+ Capacity |
- {{ asEntry.rank }} |
-
- {{ asEntry.name }}
+ | {{ asEntry.rank }} |
+
+ {{ asEntry.name }}
|
- {{ asEntry.share }}% |
- {{ asEntry.count }} |
- |
+ {{ asEntry.share }}% |
+ {{ asEntry.count }} |
+ |
-
\ No newline at end of file
+
diff --git a/frontend/src/app/lightning/nodes-per-isp-chart/nodes-per-isp-chart.component.scss b/frontend/src/app/lightning/nodes-per-isp-chart/nodes-per-isp-chart.component.scss
index 832880122..e2a19e6a0 100644
--- a/frontend/src/app/lightning/nodes-per-isp-chart/nodes-per-isp-chart.component.scss
+++ b/frontend/src/app/lightning/nodes-per-isp-chart/nodes-per-isp-chart.component.scss
@@ -34,3 +34,42 @@
padding-bottom: 65px
};
}
+
+.rank {
+ width: 20%;
+ @media (max-width: 576px) {
+ display: none
+ }
+}
+
+.name {
+ width: 20%;
+ @media (max-width: 576px) {
+ width: 80%;
+ max-width: 150px;
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+.share {
+ width: 20%;
+ @media (max-width: 576px) {
+ display: none
+ }
+}
+
+.nodes {
+ width: 20%;
+ @media (max-width: 576px) {
+ width: 10%;
+ }
+}
+
+.capacity {
+ width: 20%;
+ @media (max-width: 576px) {
+ width: 10%;
+ max-width: 100px;
+ }
+}
\ No newline at end of file