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

---
 .../Confirm/sub-components/StyledConfirm.js   |  7 +++++--
 .../Confirm/sub-components/changePhone.js     | 21 +++++++++++--------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/packages/client/src/pages/Confirm/sub-components/StyledConfirm.js b/packages/client/src/pages/Confirm/sub-components/StyledConfirm.js
index eb930cdb29..c2ab921c04 100644
--- a/packages/client/src/pages/Confirm/sub-components/StyledConfirm.js
+++ b/packages/client/src/pages/Confirm/sub-components/StyledConfirm.js
@@ -67,13 +67,16 @@ export const StyledBody = styled.div`
   }
 
   .phone-input {
-    margin-top: 32px;
-    margin-bottom: 16px;
+    margin-bottom: 24px;
   }
 
   .delete-profile-confirm {
     margin-bottom: 8px;
   }
+
+  .phone-title {
+    margin-bottom: 8px;
+  }
 `;
 
 export const ButtonsWrapper = styled.div`
diff --git a/packages/client/src/pages/Confirm/sub-components/changePhone.js b/packages/client/src/pages/Confirm/sub-components/changePhone.js
index 2bc6e684da..ef3c5bf0c9 100644
--- a/packages/client/src/pages/Confirm/sub-components/changePhone.js
+++ b/packages/client/src/pages/Confirm/sub-components/changePhone.js
@@ -23,16 +23,19 @@ const ChangePhoneForm = (props) => {
           <Text fontSize="23px" fontWeight="700" className="title">
             {greetingTitle}
           </Text>
-          <Text fontSize="16px" fontWeight="600" className="confirm-subtitle">
-            {t("EnterPhone")}
-          </Text>
-          <Text>
-            {t("CurrentNumber")}: {currentNumber}
-          </Text>
-          <Text>{t("PhoneSubtitle")}</Text>
         </StyledHeader>
 
         <FormWrapper>
+          <div className="subtitle">
+            <Text fontSize="16px" fontWeight="600" className="phone-title">
+              {t("EnterPhone")}
+            </Text>
+            <Text>
+              {t("CurrentNumber")}: {currentNumber}
+            </Text>
+            <Text>{t("PhoneSubtitle")}</Text>
+          </div>
+
           <TextInput
             className="phone-input"
             id="phone"
@@ -47,9 +50,9 @@ const ChangePhoneForm = (props) => {
           />
 
           <Button
-            className="confirm-button"
             primary
-            size="normal"
+            scale
+            size="medium"
             label={t("GetCode")}
             tabIndex={2}
             isDisabled={false}