From 421e04efd95b4808be7cdc29c7fdcf7a674ba67d Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 20 Feb 2024 13:14:40 +0200
Subject: [PATCH] feat(migrate-panel): warning and keystore card 100% width

---
 .../Panels/MigratePanel.tsx                   | 20 ++++++++++---------
 .../KeystoreFiles/KeystoreBackupsCard.tsx     |  1 +
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx b/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
index e385363c..53e8cc17 100644
--- a/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
+++ b/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
@@ -1,6 +1,6 @@
 import { Button, InformationBox, Text } from '@status-im/components'
 import { CloseCircleIcon } from '@status-im/icons'
-import { Stack, XStack, YStack } from 'tamagui'
+import { XStack, YStack } from 'tamagui'
 import { useState } from 'react'
 
 import KeystoreBackupsCard from '../../../../ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreBackupsCard'
@@ -34,14 +34,16 @@ const MigratePanel = () => {
         </Text>
       </YStack>
       <KeystoreBackupsCard />
-      {isVisibleWarning && (
-        <InformationBox
-          message="Please make sure to enforce the file on another node to continue validating with your Validator."
-          variant="error"
-          icon={<CloseCircleIcon size={20} />}
-          onClosePress={() => setIsVisibleWarning(false)}
-        />
-      )}
+      <div style={{ width: '100%' }}>
+        {isVisibleWarning && (
+          <InformationBox
+            message="Please make sure to enforce the file on another node to continue validating with your Validator."
+            variant="error"
+            icon={<CloseCircleIcon size={20} />}
+            onClosePress={() => setIsVisibleWarning(false)}
+          />
+        )}
+      </div>
       <XStack style={{ width: '100%', justifyContent: 'end' }}>
         <Button onPress={migrateValidatorHandler}>Migrate Validator</Button>
       </XStack>
diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreBackupsCard.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreBackupsCard.tsx
index 04e3aea6..b651c6dd 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreBackupsCard.tsx
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/KeystoreFiles/KeystoreBackupsCard.tsx
@@ -18,6 +18,7 @@ const KeystoreBackupsCard = () => {
         borderRadius: '16px',
         padding: '9px 16px',
         cursor: 'pointer',
+        width: '100%',
       }}
       onPress={downloadKeyFilesHandler}
     >