From d3d7829fee3a456863c17a2b33c835f228cac310 Mon Sep 17 00:00:00 2001
From: natsoni <natsoni@protonmail.com>
Date: Thu, 3 Apr 2025 18:00:45 +0200
Subject: [PATCH] FIx pool page CSS

---
 .../app/components/pool/pool.component.scss   | 117 +++++++++---------
 1 file changed, 61 insertions(+), 56 deletions(-)

diff --git a/frontend/src/app/components/pool/pool.component.scss b/frontend/src/app/components/pool/pool.component.scss
index 26e6008b6..f09ac0d65 100644
--- a/frontend/src/app/components/pool/pool.component.scss
+++ b/frontend/src/app/components/pool/pool.component.scss
@@ -84,74 +84,79 @@ div.scrollable {
       text-align: right;
     }
   }
+}
 
-  .progress {
-    background-color: var(--secondary);
+.progress {
+  background-color: var(--secondary);
+}
+
+.coinbase {
+  width: 20%;
+  @media (max-width: 875px) {
+    display: none;
   }
+}
 
-  .coinbase {
-    width: 20%;
-    @media (max-width: 875px) {
-      display: none;
-    }
+.health {
+  @media (max-width: 1150px) {
+  display: none;    
   }
+}
 
-  .height {
-    width: 10%;
+.height {
+  width: 10%;
+}
+
+.timestamp {
+  @media (max-width: 875px) {
+    padding-left: 50px;
   }
-
-  .timestamp {
-    @media (max-width: 875px) {
-      padding-left: 50px;
-    }
-    @media (max-width: 685px) {
-      display: none;
-    }
+  @media (max-width: 625px) {
+    display: none;
   }
+}
 
-  .mined {
-    width: 13%;
-    @media (max-width: 1100px) {
-      display: none;
-    }
+.mined {
+  width: 13%;
+}
+
+.txs {
+  @media (max-width: 938px) {
+    display: none;
   }
-
-  .txs {
-    padding-right: 40px;
-    @media (max-width: 1100px) {
-      padding-right: 10px;
-    }
-    @media (max-width: 875px) {
-      padding-right: 20px;
-    }
-    @media (max-width: 567px) {
-      padding-right: 10px;
-    }
+  padding-right: 40px;
+  @media (max-width: 1100px) {
+    padding-right: 10px;
   }
-
-  .size {
-    width: 12%;
-    @media (max-width: 1000px) {
-      width: 15%;
-    }
-    @media (max-width: 875px) {
-      width: 20%;
-    }
-    @media (max-width: 650px) {
-      width: 20%;
-    }
-    @media (max-width: 450px) {
-      display: none;
-    }
+  @media (max-width: 875px) {
+    padding-right: 20px;
   }
+  @media (max-width: 567px) {
+    padding-right: 10px;
+  }
+}
 
-  .scriptmessage {
-    overflow: hidden;
-    display: inline-block;
-    text-overflow: ellipsis;
-    vertical-align: middle;
-    width: auto;
-    text-align: left;
+.size {
+  min-width: 80px;
+  width: 12%;
+  @media (max-width: 1000px) {
+    width: 15%;
+  }
+}
+
+.scriptmessage {
+  max-width: 340px;
+  overflow: hidden;
+  display: inline-block;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  width: auto;
+  text-align: left;
+}
+
+.reward {
+  @media (max-width: 1035px) {
+    display: none;
   }
 }