From 624f79fb7a9de1e2e1498581070654d0605cc4cf Mon Sep 17 00:00:00 2001
From: Timofey Boyko <fognir742@gmail.com>
Date: Tue, 19 Apr 2022 12:45:40 +0300
Subject: [PATCH] Web:Files:Components: fix external link padding for modal
 view

---
 .../src/components/panels/SharingPanel/ExternalLink.js   | 2 +-
 .../components/panels/SharingPanel/StyledSharingPanel.js | 9 +++++++--
 .../Client/src/components/panels/SharingPanel/index.js   | 1 +
 3 files changed, 9 insertions(+), 3 deletions(-)

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 (
-    <StyledExternalLink isPersonal={isPersonal} style={style}>
+    <StyledExternalLink isPersonal={isPersonal} isOpen={isOpen} style={style}>
       <div className="external-link__base-line">
         <Text className="external-link__text" noSelect={true} truncate={true}>
           {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"
               >
                 <ModalDialog.Header>
                   <Header