Merge pull request #1750 from ONLYOFFICE/bugfix/sso-layout

bugfix/sso-layout

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/styled-containers/StyledCertificatesTable.js

@@ -24,7 +24,8 @@ const StyledCertificatesTable = styled.div`
   }
 
   .row {
-    width: 350px;
+    max-width: 520px;
+    width: 100%;
     display: flex;
     gap: 12px;
     align-items: center;

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/styled-containers/StyledInputWrapper.js

@@ -3,7 +3,7 @@ import { smallTablet } from "@docspace/components/utils/device";
 
 const StyledInputWrapper = styled.div`
   width: 100%;
-  max-width: ${(props) => props.maxWidth || "350px"};
+  max-width: ${(props) => props.maxWidth || "520px"};
 
   @media ${smallTablet} {
     max-width: 100%;
@@ -19,7 +19,7 @@ const StyledInputWrapper = styled.div`
   .field-label-icon {
     align-items: center;
     margin-bottom: 4px;
-    max-width: 350px;
+    max-width: 520px;
   }
 
   .field-label {

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/styled-containers/StyledSsoPageContainer.js

@@ -90,20 +90,6 @@ const StyledSsoPage = styled.div`
     max-width: 100%;
   }
 
-  .upload-button {
-    height: 32px;
-    width: 45px;
-    ${(props) =>
-      props.theme.interfaceDirection === "rtl"
-        ? css`
-            margin-right: 9px;
-          `
-        : css`
-            margin-left: 9px;
-          `}
-    overflow: inherit;
-  }
-
   .save-button {
     ${(props) =>
       props.theme.interfaceDirection === "rtl"

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/sub-components/MetadataUrlField.js

@@ -15,17 +15,14 @@ const StyledWrapper = styled.div`
   flex-direction: column;
   gap: 4px;
   margin-bottom: 16px;
-  max-width: 350px;
+  max-width: 520px;
 
   .input {
-    width: 350px;
+    width: 100%;
   }
 
   @media ${smallTablet} {
     max-width: 100%;
-    .input {
-      width: 100%;
-    }
   }
 
   .label > div {

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/sub-components/UploadXML.js

@@ -79,13 +79,8 @@ StyledUploadIcon.defaultProps = { theme: Base };
 
 const UploadXML = (props) => {
   const { t } = useTranslation(["SingleSignOn", "Common"]);
-  const {
+  const { enableSso, uploadXmlUrl, isLoadingXml, uploadByUrl, uploadXml } =
-    enableSso,
+    props;
-    uploadXmlUrl,
-    isLoadingXml,
-    uploadByUrl,
-    uploadXml,
-  } = props;
 
   const isDisabledProp = {
     disabled: !enableSso || uploadXmlUrl.trim().length === 0 || isLoadingXml,
@@ -143,13 +138,8 @@ const UploadXML = (props) => {
 };
 
 export default inject(({ ssoStore }) => {
-  const {
+  const { enableSso, uploadXmlUrl, isLoadingXml, uploadByUrl, uploadXml } =
-    enableSso,
+    ssoStore;
-    uploadXmlUrl,
-    isLoadingXml,
-    uploadByUrl,
-    uploadXml,
-  } = ssoStore;
 
   return {
     enableSso,