From e970ca6a43fb9b7dceb54d9a030272d1ce564feb Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Fri, 3 Nov 2023 10:42:12 +0200
Subject: [PATCH] fix first width range

---
 .../ConsensusUptime/ConsensusUptimeCard.tsx          |  7 +++----
 src/pages/Dashboard/DashboardContent.tsx             | 12 ++++++++----
 src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx    |  2 +-
 .../Dashboard/ExecutionUptime/ExecutionUptime.tsx    |  6 +++---
 4 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx b/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx
index f3731db7..314b80a2 100644
--- a/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx
+++ b/src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx
@@ -6,11 +6,10 @@ import Icon from '../../../components/General/Icon'
 import DashboardCardWrapper from '../DashboardCardWrapper'
 
 const ConsensusUptimeCard = () => {
-  const monthlyActivity = [3, 0, 5, 4, 6, 7, 8, 9, 10, 1, 2, 3]
-
+  
   return (
-    <DashboardCardWrapper>
-      <YStack space={'$3'}>
+    <DashboardCardWrapper  minWidth="50px" maxWidth="1fr"  >
+      <YStack space={'$3'}  >
         <YStack>
           <Text size={15} weight={'semibold'}>
             Consensus Uptime
diff --git a/src/pages/Dashboard/DashboardContent.tsx b/src/pages/Dashboard/DashboardContent.tsx
index 419bbe7b..2987476e 100644
--- a/src/pages/Dashboard/DashboardContent.tsx
+++ b/src/pages/Dashboard/DashboardContent.tsx
@@ -65,7 +65,7 @@ const DashboardContent = () => {
         )}
       </Stack>
       <BasicInfoCards />
-      {/* SECOND ROW ENDS HERE! */}
+      
       {windowWidth < 1375 ? (
         windowWidth < 850 ? (
           DashboardContentLayoutPhone(windowWidth)
@@ -82,16 +82,20 @@ const DashboardContent = () => {
           }}
         >
           <YStack>
-            <XStack>
+            <Stack style={{
+              display: 'grid',
+              gridTemplateColumns: '1fr 1fr',
+            }}>
               <ConsensusUptimeCard />
               <ExecutionUptime />
-            </XStack>
+            </Stack>
+           
 
             <DeviceUptime />
           </YStack>
           <YStack space={'$4'}>
             <XStack space={'$4'}>
-              <StorageCard maxStorage={100} storage={82} />
+              <StorageCard maxStorage={100} storage={182} />
               <CPUCard load={[12, 31, 3, 2, 24, 98]} />
             </XStack>
             <XStack space="$4">
diff --git a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
index 9119a00e..68e4c3ba 100644
--- a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
+++ b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
@@ -28,7 +28,7 @@ const DeviceUptime = () => {
   }
 
   return (
-    <DashboardCardWrapper>
+    <DashboardCardWrapper minWidth='100px'>
       <YStack space={'$3'}>
         <XStack justifyContent={'space-between'}>
           <YStack>
diff --git a/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx b/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
index 351c344e..6a3a30a2 100644
--- a/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
+++ b/src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx
@@ -6,10 +6,10 @@ import UptimeChart from '../UptimeChart/UptimeChart'
 import DashboardCardWrapper from '../DashboardCardWrapper'
 
 const ExecutionUptime = () => {
-  const monthlyActivity = [3, 0, 5, 4, 6, 7, 0, 9, 10, 1, 2, 3]
+ 
   return (
-    <DashboardCardWrapper>
-      <YStack space={'$3'} minHeight={'156px'} padding={'$3'}>
+    <DashboardCardWrapper minWidth="100px" maxWidth="1fr" >
+      <YStack space={'$3'}  >
         <YStack>
           <Text size={15} weight={'semibold'}>
             Execution Uptime