From 18863258a0fb5f4ed4d952248442a3ee8c6113d4 Mon Sep 17 00:00:00 2001
From: Viktor Fomin <viktor.fomin@onlyoffice.com>
Date: Thu, 11 Aug 2022 14:53:43 +0300
Subject: [PATCH] Confirm: fix style

---
 .../pages/Confirm/sub-components/StyledConfirm.js | 15 +++++++--------
 .../pages/Confirm/sub-components/changeOwner.js   | 15 +++++++--------
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/packages/client/src/pages/Confirm/sub-components/StyledConfirm.js b/packages/client/src/pages/Confirm/sub-components/StyledConfirm.js
index f8d9190466..d3e651bfb8 100644
--- a/packages/client/src/pages/Confirm/sub-components/StyledConfirm.js
+++ b/packages/client/src/pages/Confirm/sub-components/StyledConfirm.js
@@ -15,13 +15,16 @@ export const StyledPage = styled.div`
   @media ${mobile} {
     margin-top: 72px;
   }
+
+  .subtitle {
+    margin-bottom: 32px;
+  }
 `;
 
 export const StyledHeader = styled.div`
-  text-align: left;
-
   .title {
-    margin-bottom: 24px;
+    margin-bottom: 32px;
+    text-align: center;
   }
 
   .subtitle {
@@ -81,11 +84,7 @@ export const StyledBody = styled.div`
 
 export const ButtonsWrapper = styled.div`
   display: flex;
-  flex: 1fr 1fr;
   flex-direction: row;
   gap: 16px;
-
-  .button {
-    width: 100%;
-  }
+  width: 100%;
 `;
diff --git a/packages/client/src/pages/Confirm/sub-components/changeOwner.js b/packages/client/src/pages/Confirm/sub-components/changeOwner.js
index 586246f831..4cfcfae77b 100644
--- a/packages/client/src/pages/Confirm/sub-components/changeOwner.js
+++ b/packages/client/src/pages/Confirm/sub-components/changeOwner.js
@@ -26,26 +26,25 @@ const ChangeOwnerForm = (props) => {
           <Text fontSize="23px" fontWeight="700" className="title">
             {greetingTitle}
           </Text>
-
-          <Text className="subtitle">
-            {t("ConfirmOwnerPortalTitle", { newOwner: "NEW OWNER" })}
-          </Text>
         </StyledHeader>
 
         <FormWrapper>
+          <Text className="subtitle">
+            {t("ConfirmOwnerPortalTitle", { newOwner: "NEW OWNER" })}
+          </Text>
           <ButtonsWrapper>
             <Button
-              className="button"
               primary
-              size="normal"
+              scale
+              size="medium"
               label={t("Common:SaveButton")}
               tabIndex={2}
               isDisabled={false}
               //onClick={this.onAcceptClick} // call toast with t("ConfirmOwnerPortalSuccessMessage")
             />
             <Button
-              className="button"
-              size="normal"
+              scale
+              size="medium"
               label={t("Common:CancelButton")}
               tabIndex={2}
               isDisabled={false}