From 2d229968416de60c653c5b20ef5d1c0d44174cc7 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Fri, 22 Mar 2024 09:17:06 +0200
Subject: [PATCH] fix(uptime cards and charts): fix spacing bug

---
 src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx | 4 ++--
 src/pages/Dashboard/DashboardContent.tsx                    | 4 ++--
 src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx     | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx b/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx
index 45fe25c5..e79cae8c 100644
--- a/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx
+++ b/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx
@@ -7,7 +7,7 @@ import DashboardCardWrapper from '../DashboardCardWrapper'
 
 const ConsensusUptimeCard = () => {
   return (
-    <DashboardCardWrapper minWidth="50px" maxWidth="1fr">
+    <DashboardCardWrapper minWidth="100px">
       <YStack space={'$3'}>
         <YStack>
           <Text size={15} weight={'semibold'}>
@@ -30,7 +30,7 @@ const ConsensusUptimeCard = () => {
               justifyContent: 'center',
               alignItems: 'center',
               width: '100%',
-              height: '90%',
+              height: '100%',
             }}
           >
             <UptimeChart
diff --git a/src/pages/Dashboard/DashboardContent.tsx b/src/pages/Dashboard/DashboardContent.tsx
index 3752c202..3db72179 100644
--- a/src/pages/Dashboard/DashboardContent.tsx
+++ b/src/pages/Dashboard/DashboardContent.tsx
@@ -64,8 +64,8 @@ const DashboardContent = () => {
             width: '100%',
           }}
         >
-          <YStack space="$3">
-            <XStack space="$2">
+          <YStack space="$4">
+            <XStack space="$2" width="100%" flexWrap="wrap">
               <ConsensusUptimeCard />
               <ExecutionUptime />
             </XStack>
diff --git a/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx b/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
index 27a2383a..51fb1a96 100644
--- a/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
+++ b/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
@@ -7,7 +7,7 @@ import DashboardCardWrapper from '../DashboardCardWrapper'
 
 const ExecutionUptime = () => {
   return (
-    <DashboardCardWrapper minWidth="100px" maxWidth="1fr">
+    <DashboardCardWrapper minWidth="100px">
       <YStack space={'$3'}>
         <YStack>
           <Text size={15} weight={'semibold'}>
@@ -30,7 +30,7 @@ const ExecutionUptime = () => {
               justifyContent: 'center',
               alignItems: 'center',
               width: '100%',
-              height: '90%',
+              height: '100%',
             }}
           >
             <UptimeChart