From 3d9d01510fbfee96a63a38ff772cc41d72042ae1 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Wed, 18 Oct 2023 17:30:50 +0300
Subject: [PATCH] fix device Uptime

---
 src/pages/Dashboard/DashboardContent.tsx          |  1 +
 src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx | 11 ++++-------
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/pages/Dashboard/DashboardContent.tsx b/src/pages/Dashboard/DashboardContent.tsx
index a072084b..5895d1a2 100644
--- a/src/pages/Dashboard/DashboardContent.tsx
+++ b/src/pages/Dashboard/DashboardContent.tsx
@@ -31,6 +31,7 @@ const DashboardContent = () => (
     <div style={{
       display: 'grid',
       gridTemplateColumns: '1fr 1fr',
+      gap: '16px' // You can adjust this value as per your needs
     }}>
       <YStack space="$4">
         <SyncStatusCard />
diff --git a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
index 94373ea2..e5d93cdd 100644
--- a/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
+++ b/src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx
@@ -6,6 +6,7 @@ import { useState } from 'react'
 import UptimeChart from '../UptimeChart/UptimeChart'
 import Icon from '../../../components/General/Icon'
 import { getMonthIndicesFromRange } from '../../../utilities'
+import DashboardCardWrapper from '../DashboardCardWrapper'
 
 const DeviceUptime = () => {
   const [isCalendarVisible, setIsCalendarVisible] = useState(false)
@@ -27,13 +28,9 @@ const DeviceUptime = () => {
   }
 
   return (
-    <Shadow
-      variant="$2"
-      style={{
-        borderRadius: '16px',
-      }}
+    <DashboardCardWrapper     
     >
-      <YStack space={'$3'} width={'100%'} minHeight={'156px'} padding={'$3'}>
+      <YStack space={'$3'}   >
         <XStack justifyContent={'space-between'}>
           <YStack>
             <Text size={15} weight={'semibold'}>
@@ -104,7 +101,7 @@ const DeviceUptime = () => {
           </Stack>
         </XStack>
       </YStack>
-    </Shadow>
+    </DashboardCardWrapper>
   )
 }