From 1b576a64cf9a505dd6f9a0437f7d9b2e588367c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Tinkl?= <lukast@status.im>
Date: Fri, 15 Jul 2022 15:25:25 +0200
Subject: [PATCH] fix(BackupSeedModal): fix the confirmation/final page UI

Follow up to PR #6467, just a few minor UI tweaks to align it to the
intended design
---
 .../ConfirmStoringSeedPhrasePanel.qml         | 72 +++++++++++--------
 1 file changed, 43 insertions(+), 29 deletions(-)

diff --git a/ui/app/AppLayouts/Profile/popups/backupseed/ConfirmStoringSeedPhrasePanel.qml b/ui/app/AppLayouts/Profile/popups/backupseed/ConfirmStoringSeedPhrasePanel.qml
index 6b7aaf82c6..aff5b4dcd1 100644
--- a/ui/app/AppLayouts/Profile/popups/backupseed/ConfirmStoringSeedPhrasePanel.qml
+++ b/ui/app/AppLayouts/Profile/popups/backupseed/ConfirmStoringSeedPhrasePanel.qml
@@ -9,41 +9,55 @@ import shared.panels 1.0
 BackupSeedStepBase {
     id: root
 
-    property bool seedStored: storeCheck.checked
+    readonly property alias seedStored: storeCheck.checked
 
     titleText: qsTr("Complete back up")
 
-    StyledText {
-        id: txtTitle
-        horizontalAlignment: Text.AlignHCenter
-        wrapMode: Text.WordWrap
-        font.bold: true
-        font.pixelSize: 17
-        text: qsTr("Store Your Phrase Offline and Complete Your Back Up")
+    ColumnLayout {
         Layout.fillWidth: true
-    }
+        Layout.leftMargin: 44
+        Layout.rightMargin: 44
+        Layout.topMargin: Style.current.bigPadding
+        spacing: Style.current.padding
 
-    StyledText {
-        id: txtDesc
-        horizontalAlignment: Text.AlignHCenter
-        wrapMode: Text.WordWrap
-        font.pixelSize: Style.current.primaryTextFontSize
-        text: qsTr("By completing this process, you will remove your seed phrase from this application’s storage. This makes your funds more secure.")
-        Layout.fillWidth: true
-    }
+        StyledText {
+            id: txtTitle
+            horizontalAlignment: Text.AlignHCenter
+            wrapMode: Text.WordWrap
+            font.bold: true
+            font.pixelSize: 17
+            lineHeight: 1.2
+            text: qsTr("Store Your Phrase Offline and Complete Your Back Up")
+            Layout.fillWidth: true
+        }
 
-    StyledText {
-        id: secondTxtDesc
-        horizontalAlignment: Text.AlignHCenter
-        wrapMode: Text.WordWrap
-        font.pixelSize: Style.current.primaryTextFontSize
-        text: qsTr("You will remain logged in, and your seed phrase will be entirely in your hands.")
-        Layout.fillWidth: true
-    }
+        StyledText {
+            id: txtDesc
+            horizontalAlignment: Text.AlignHCenter
+            wrapMode: Text.WordWrap
+            font.pixelSize: Style.current.primaryTextFontSize
+            lineHeight: 1.2
+            text: qsTr("By completing this process, you will remove your seed phrase from this application’s storage. This makes your funds more secure.")
+            Layout.fillWidth: true
+        }
 
-    StatusCheckBox {
-        id: storeCheck
-        text: qsTr("I aknowledge that Status will not be able to show me my seed phrase again.")
-        Layout.fillWidth: true
+        StyledText {
+            id: secondTxtDesc
+            horizontalAlignment: Text.AlignHCenter
+            wrapMode: Text.WordWrap
+            font.pixelSize: Style.current.primaryTextFontSize
+            lineHeight: 1.2
+            text: qsTr("You will remain logged in, and your seed phrase will be entirely in your hands.")
+            Layout.fillWidth: true
+        }
+
+        StatusCheckBox {
+            id: storeCheck
+            spacing: Style.current.padding
+            font.pixelSize: Style.current.primaryTextFontSize
+            text: qsTr("I acknowledge that Status will not be able to show me my seed phrase again.")
+            Layout.fillWidth: true
+            Layout.topMargin: Style.current.bigPadding
+        }
     }
 }