[LN ISP chart] Adds toogle to order by nodes/capacity and show/hide Tor

2022-07-27 13:20:54 +02:00
parent 16db740986
commit 12eea0e4cc
9 changed files with 123 additions and 46 deletions
--- 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
@@ -45,7 +45,7 @@
 .name {
  width: 25%;
  @media (max-width: 576px) {
-    width: 80%;
+    width: 70%;
    max-width: 150px;
    padding-left: 0;
    padding-right: 0;
@@ -69,7 +69,17 @@
 .capacity {
  width: 20%;
  @media (max-width: 576px) {
-    width: 10%;
+    width: 20%;
    max-width: 100px;
  }
+}
+
+.toggle {
+  justify-content: space-between;
+  padding-top: 15px;
+  @media (min-width: 576px) {
+    padding-bottom: 15px;
+    padding-left: 105px;
+    padding-right: 105px;
+  }
 }