From 80e0ef8970d39617008c45487dfb91f099cf02fd Mon Sep 17 00:00:00 2001
From: nymkappa <1612910616@pm.me>
Date: Sat, 25 Feb 2023 13:20:49 +0900
Subject: [PATCH] Improve responsiveness on single column layout

---
 .../top-nodes-per-capacity.component.scss                | 9 ++++++---
 .../top-nodes-per-channels.component.scss                | 5 ++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.scss b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.scss
index 787f64f30..3547c447f 100644
--- a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.scss
+++ b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-capacity/top-nodes-per-capacity.component.scss
@@ -19,7 +19,7 @@ tr, td, th {
 
 .pool {
   width: 15%;
-  @media (max-width: 576px) {
+  @media (max-width: 575px) {
     width: 75%;
   }
   overflow: hidden;
@@ -36,14 +36,17 @@ tr, td, th {
 
 .liquidity {
   width: 10%;
-  @media (max-width: 576px) {
+  @media (max-width: 575px) {
     width: 25%;
   }
 }
 
 .fiat {
   width: 15%;
-  @media (max-width: 991px) {
+  @media (min-width: 768px) and (max-width: 991px) {
+    display: none !important;
+  }
+  @media (max-width: 575px) {
     display: none !important;
   }
 }
diff --git a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.scss b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.scss
index eba9afee9..a42599d69 100644
--- a/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.scss
+++ b/frontend/src/app/lightning/nodes-ranking/top-nodes-per-channels/top-nodes-per-channels.component.scss
@@ -45,7 +45,10 @@ tr, td, th {
 }
 
 .geolocation {
-  @media (max-width: 991px) {
+  @media (min-width: 768px) and (max-width: 991px) {
+    display: none !important;
+  }
+  @media (max-width: 575px) {
     display: none !important;
   }
 }
\ No newline at end of file