Web:Files:Components: fix external link padding for modal view

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")}

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;
 

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