From 6677b7743163f3a2b5ff75a217ac783208a79e99 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 24 Jul 2023 13:27:50 +0300
Subject: [PATCH 1/2] update disclamer

---
 packages/stats/src/App.svelte | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/packages/stats/src/App.svelte b/packages/stats/src/App.svelte
index 0da1e993a0..c2e23a6f6c 100644
--- a/packages/stats/src/App.svelte
+++ b/packages/stats/src/App.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { onMount } from "svelte";
-
+  
   import CardList from "./components/CardList.svelte";
   import { fetchData, IStatsRes } from "./utils/fetchData";
   import { status } from "./utils/fetchData";
@@ -32,7 +32,7 @@
     const networks = Object.entries($status)
       .filter(x => x[1])
       .map(x => x[0]);
-    return `Please note that the current node distribution is for ${networks.join(", ")}.`;
+    return `Please note that the current node distribution is for ${networks.join(", ")} net.`;
   }
 </script>
 
@@ -56,14 +56,14 @@
     <div class:lds-dual-ring={loading} />
   {:else if data}
     <h2 class="node-title map-container">Node Distribution</h2>
+    <div class="networks">
+      <p>{networks()}</p>
+    </div>
     <div class="map-container">
       <div class="map">
         <tf-map r="76" g="187" b="217" nodes={JSON.stringify(data.nodesDistribution)} />
       </div>
     </div>
-    <div class="networks">
-      <p>{networks()}</p>
-    </div>
     <div class="map-container">
       <div class="state-title">
         <h2>Statistics</h2>
@@ -77,8 +77,8 @@
 
 <style>
   p {
-    margin: 0px;
-    padding: 25px;
+    margin: 8px;
+    padding: 15px;
   }
   .refresh {
     border: none;
@@ -108,9 +108,12 @@
   }
 
   .networks {
-    position: fixed;
-    top: 5%;
+    position: relative;
+    /* top: 5%; */
     font-size: 1.1rem;
+    text-align: center;
+    color: #fff;
+    background-color: #1982b1;
   }
   .state-title,
   .node-title {

From 2c61203c55dd47a96e622b632d407f53926b0f3f Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Tue, 25 Jul 2023 16:36:11 +0300
Subject: [PATCH 2/2] update nets

---
 packages/stats/src/App.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/stats/src/App.svelte b/packages/stats/src/App.svelte
index c2e23a6f6c..df2e9f0dbe 100644
--- a/packages/stats/src/App.svelte
+++ b/packages/stats/src/App.svelte
@@ -32,7 +32,7 @@
     const networks = Object.entries($status)
       .filter(x => x[1])
       .map(x => x[0]);
-    return `Please note that the current node distribution is for ${networks.join(", ")} net.`;
+    return `Please note that the current node distribution is for ${networks.join(", ")} net(s).`;
   }
 </script>