From b727f2b1a4f9b3c6557d5884ce4606c18e1bf83e Mon Sep 17 00:00:00 2001
From: mushka <nikitamushka@mail.ru>
Date: Tue, 12 Apr 2022 17:49:06 +0300
Subject: [PATCH] fixed close button and footer

---
 .../asc-web-components/modal-dialog/components/CloseButton.js | 4 ++--
 .../asc-web-components/modal-dialog/modal-dialog.stories.js   | 2 +-
 .../asc-web-components/modal-dialog/styled-modal-dialog.js    | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/asc-web-components/modal-dialog/components/CloseButton.js b/packages/asc-web-components/modal-dialog/components/CloseButton.js
index b6c01a2f71..a76afa1961 100644
--- a/packages/asc-web-components/modal-dialog/components/CloseButton.js
+++ b/packages/asc-web-components/modal-dialog/components/CloseButton.js
@@ -41,6 +41,7 @@ const StyledCloseButtonWrapper = styled.div`
         `}
 
   .close-button {
+    cursor: pointer;
     path {
       fill: ${(props) => props.theme.modalDialog.closeButton.fillColor};
     }
@@ -51,12 +52,11 @@ StyledCloseButtonWrapper.defaultProps = { theme: Base };
 
 const CloseButton = ({ displayType, onClick }) => {
   return (
-    <StyledCloseButtonWrapper displayType={displayType}>
+    <StyledCloseButtonWrapper onClick={onClick} displayType={displayType}>
       <IconButton
         size={12}
         className="close-button"
         iconName="/static/images/cross.react.svg"
-        onClick={onClick}
       />
     </StyledCloseButtonWrapper>
   );
diff --git a/packages/asc-web-components/modal-dialog/modal-dialog.stories.js b/packages/asc-web-components/modal-dialog/modal-dialog.stories.js
index 12e2127fcb..a71d2e276e 100644
--- a/packages/asc-web-components/modal-dialog/modal-dialog.stories.js
+++ b/packages/asc-web-components/modal-dialog/modal-dialog.stories.js
@@ -66,7 +66,7 @@ Template.propTypes = {
 
 export const Default = Template.bind({});
 Default.args = {
-  displayType: "auto",
+  displayType: "modal",
   isLarge: false,
   zIndex: 310,
 };
diff --git a/packages/asc-web-components/modal-dialog/styled-modal-dialog.js b/packages/asc-web-components/modal-dialog/styled-modal-dialog.js
index c135edddeb..a77e0d1ecb 100644
--- a/packages/asc-web-components/modal-dialog/styled-modal-dialog.js
+++ b/packages/asc-web-components/modal-dialog/styled-modal-dialog.js
@@ -97,6 +97,7 @@ const BodyBox = styled(Box)`
 `;
 
 const StyledFooter = styled.div`
+  //width: 100%;
   display: flex;
   flex-direction: row;
   border-top: ${(props) =>