From 0d07d0a4b5b66a138852f731ba40c1d730f0ea74 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Mon, 11 Sep 2023 10:24:39 +0300
Subject: [PATCH] fix: continue button with link and notification

---
 .../ValidatorOnboarding/ContinueButton.tsx    | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/ContinueButton.tsx b/src/pages/ValidatorOnboarding/ContinueButton.tsx
index a15a7491..5671d569 100644
--- a/src/pages/ValidatorOnboarding/ContinueButton.tsx
+++ b/src/pages/ValidatorOnboarding/ContinueButton.tsx
@@ -43,36 +43,36 @@ const ContinueButton = ({
   const isActivationValScreen = activeStep === 3 && subStepValidatorSetup === 3
 
   return (
-    <XStack style={{ width: '100%', zIndex: 999, alignItems: 'center' }}>
-      {isCopyPastedPhrase && (
-        <Stack style={{ width: '100%' }}>
+    <XStack style={{ width: '100%', alignItems: 'center', zIndex: 999, marginTop: '40px' }}>
+      <Stack style={{ width: '100%' }}>
+        {isCopyPastedPhrase && (
           <InformationBox
             message="You have copy and pasted the entire Recovery Phrase. Please ensure you have secured it appropriately prior to continuing."
             variant="error"
             icon={<CloseCircleIcon size={20} />}
           />
-        </Stack>
-      )}
-      <XStack
-        style={{
-          width: '100%',
-          zIndex: 999,
-          justifyContent: isActivationValScreen ? 'space-between' : 'end',
-          marginTop: isCopyPastedPhrase ? '0px' : '40px',
-        }}
-      >
+        )}
         {isActivationValScreen && (
           <LinkWithArrow
             text="Skip to Dashboard"
             to="/"
             arrowRight={true}
-            style={{ fontWeight: 'bold' }}
+            style={{ fontWeight: 'bold', zIndex: 1000 }}
           />
         )}
+      </Stack>
+      <Stack
+        style={{
+          width: '100%',
+          zIndex: 999,
+          alignItems: 'end',
+          position: 'absolute',
+        }}
+      >
         <Button onPress={continueHandler} size={40} disabled={isDisabled()}>
           {activeStep < 5 ? 'Continue' : 'Continue to Dashboard'}
         </Button>
-      </XStack>
+      </Stack>
     </XStack>
   )
 }