Web: Client: Confirm: fix buttons position

web/ASC.Web.Client/src/components/pages/Confirm/sub-components/StyledConfirm.js

@@ -64,12 +64,19 @@ export const StyledBody = styled.div`
     margin-bottom: 24px;
   }
 
-  .owner-button {
-    margin-right: 16px;
-  }
-
   .phone-input {
     margin-top: 32px;
     margin-bottom: 16px;
   }
 `;
+
+export const ButtonsWrapper = styled.div`
+  display: flex;
+  flex: 1fr 1fr;
+  flex-direction: row;
+  gap: 16px;
+
+  .button {
+    width: 100%;
+  }
+`;

web/ASC.Web.Client/src/components/pages/Confirm/sub-components/changeOwner.js

@@ -5,7 +5,12 @@ import Text from "@appserver/components/text";
 import Button from "@appserver/components/button";
 import Section from "@appserver/common/components/Section";
 import { inject, observer } from "mobx-react";
-import { StyledPage, StyledBody, StyledHeader } from "./StyledConfirm";
+import {
+  StyledPage,
+  StyledBody,
+  StyledHeader,
+  ButtonsWrapper,
+} from "./StyledConfirm";
 import withLoader from "../withLoader";
 
 const ChangeOwnerForm = (props) => {
@@ -24,8 +29,9 @@ const ChangeOwnerForm = (props) => {
           </Text>
         </StyledHeader>
 
+        <ButtonsWrapper>
           <Button
-          className="owner-button"
+            className="button"
             primary
             size="normal"
             label={t("Common:SaveButton")}
@@ -34,12 +40,14 @@ const ChangeOwnerForm = (props) => {
             //onClick={this.onAcceptClick}
           />
           <Button
+            className="button"
             size="normal"
             label={t("Common:CancelButton")}
             tabIndex={2}
             isDisabled={false}
             //onClick={this.onCancelClick}
           />
+        </ButtonsWrapper>
       </StyledBody>
     </StyledPage>
   );