diff --git a/products/ASC.Files/Client/src/components/panels/SharingPanel/ExternalLink.js b/products/ASC.Files/Client/src/components/panels/SharingPanel/ExternalLink.js index 716f041dd2..2c0cbe18e5 100644 --- a/products/ASC.Files/Client/src/components/panels/SharingPanel/ExternalLink.js +++ b/products/ASC.Files/Client/src/components/panels/SharingPanel/ExternalLink.js @@ -118,7 +118,7 @@ const ExternalLink = ({ ]; return ( - +
{t("ExternalLink")} diff --git a/products/ASC.Files/Client/src/components/panels/SharingPanel/StyledSharingPanel.js b/products/ASC.Files/Client/src/components/panels/SharingPanel/StyledSharingPanel.js index 56ba1fe916..1d47455df7 100644 --- a/products/ASC.Files/Client/src/components/panels/SharingPanel/StyledSharingPanel.js +++ b/products/ASC.Files/Client/src/components/panels/SharingPanel/StyledSharingPanel.js @@ -111,7 +111,12 @@ const StyledBodyContent = styled.div` const StyledExternalLink = styled.div` width: 100%; - padding: ${(props) => (props.isPersonal ? "8px 4px" : "20px 16px")}; + padding: ${(props) => + props.isPersonal + ? props.isOpen + ? "8px 4px 4px" + : "8px 4px 20px" + : "20px 16px"}; border-bottom: ${(props) => props.isPersonal ? "none" : props.theme.filesPanels.sharing.borderBottom}; @@ -339,7 +344,7 @@ StyledFooterContent.defaultProps = { theme: Base }; const StyledModalFooter = styled.div` width: 100%; - padding: 12px 4px 4px; + padding: 16px 4px 4px; box-sizing: border-box; diff --git a/products/ASC.Files/Client/src/components/panels/SharingPanel/index.js b/products/ASC.Files/Client/src/components/panels/SharingPanel/index.js index b7f4ef23ce..4e5ca9ac88 100644 --- a/products/ASC.Files/Client/src/components/panels/SharingPanel/index.js +++ b/products/ASC.Files/Client/src/components/panels/SharingPanel/index.js @@ -561,6 +561,7 @@ class SharingPanelComponent extends React.Component { scale={true} onClose={this.onClose} width={"400px"} + modalBodyPadding="12px 0 0" >