From 39bf66b24afdbc3bb61345245a4f497ccf925bb0 Mon Sep 17 00:00:00 2001
From: Ivana Andersson <ivana.p.kostova@gmail.com>
Date: Fri, 1 Sep 2023 10:49:55 +0300
Subject: [PATCH] fix: fix some margins to fit better on page

---
 src/components/General/Header.tsx                      | 2 +-
 src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx      | 1 +
 src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx        | 1 +
 src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx | 2 +-
 src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx | 2 +-
 5 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/General/Header.tsx b/src/components/General/Header.tsx
index b3130193..c560db91 100644
--- a/src/components/General/Header.tsx
+++ b/src/components/General/Header.tsx
@@ -8,7 +8,7 @@ type HeaderProps = {
 
 const Header = ({ selectedTag }: HeaderProps) => {
   return (
-    <XStack justifyContent="space-between" py={'25px'} mt={'70px'}>
+    <XStack justifyContent="space-between" py={'25px'} mt={'4.4rem'}>
       <NimbusLogo />
       <TagContainer selectedTag={selectedTag} />
     </XStack>
diff --git a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
index 53a87d0e..e02a9195 100644
--- a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
+++ b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
@@ -23,6 +23,7 @@ const DeviceHealthCheck = () => {
           justifyContent: 'end',
           alignItems: 'start',
           marginBottom: '2rem',
+          marginTop: '4.4rem',
           maxWidth: '100%',
         }}
       >
diff --git a/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx b/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
index 91be8038..7c86b814 100644
--- a/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
+++ b/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
@@ -30,6 +30,7 @@ const DeviceSyncStatus = () => {
           justifyContent: 'end',
           alignItems: 'start',
           maxWidth: '100%',
+          marginTop: '4.4rem',
         }}
       >
         <NimbusLogo />
diff --git a/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx b/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx
index 57987f10..9f376cac 100644
--- a/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx
+++ b/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx
@@ -48,7 +48,7 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
           style={{
             padding: '8px 16px',
             position: 'relative',
-            height: '160px',
+            minHeight: '180px',
           }}
         >
           <YStack space={'$3'} style={{ width: '100%' }}>
diff --git a/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx b/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx
index 8604a122..1bab6ffb 100644
--- a/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx
+++ b/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx
@@ -47,7 +47,7 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
           style={{
             padding: '8px 16px',
             position: 'relative',
-            height: '160px',
+            minHeight: '180px',
           }}
         >
           <YStack space={'$3'} style={{ width: '100%' }}>