From 1362fcdbfa28694771116b233edeb4b3a971c42b Mon Sep 17 00:00:00 2001
From: gala1234 <calero.vg@gmail.com>
Date: Wed, 18 May 2022 09:41:56 +0200
Subject: [PATCH] adding percentage symbol and make column wider

---
 explorer/src/components/MixNodes/index.ts | 4 ++--
 explorer/src/pages/Mixnodes/index.tsx     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/explorer/src/components/MixNodes/index.ts b/explorer/src/components/MixNodes/index.ts
index b04570a589..b9e696e785 100644
--- a/explorer/src/components/MixNodes/index.ts
+++ b/explorer/src/components/MixNodes/index.ts
@@ -12,7 +12,7 @@ export type MixnodeRowType = {
   host: string;
   layer: string;
   profit_percentage: string;
-  avg_uptime: number;
+  avg_uptime: string;
 };
 
 export function mixnodeToGridRow(arrayOfMixnodes?: MixNodeResponse): MixnodeRowType[] {
@@ -36,6 +36,6 @@ export function mixNodeResponseItemToMixnodeRowType(item: MixNodeResponseItem):
     host: item?.mix_node?.host || '',
     layer: item?.layer || '',
     profit_percentage: `${profitPercentage}%`,
-    avg_uptime: item.avg_uptime,
+    avg_uptime: `${item.avg_uptime}%` || '-',
   };
 }
diff --git a/explorer/src/pages/Mixnodes/index.tsx b/explorer/src/pages/Mixnodes/index.tsx
index 50f37248e2..49919b00d0 100644
--- a/explorer/src/pages/Mixnodes/index.tsx
+++ b/explorer/src/pages/Mixnodes/index.tsx
@@ -236,7 +236,7 @@ export const PageMixnodes: React.FC = () => {
       headerName: 'Average Uptime',
       renderHeader: () => <CustomColumnHeading headingTitle="Average Uptime" />,
       headerClassName: 'MuiDataGrid-header-override',
-      width: 140,
+      width: 160,
       headerAlign: 'left',
       renderCell: (params: GridRenderCellParams) => (
         <MuiLink