From da942bde4819e39c98bcdbdea09e9319e060041f Mon Sep 17 00:00:00 2001
From: Viktor Fomin <viktor.fomin@onlyoffice.com>
Date: Sun, 24 Jul 2022 00:15:40 +0300
Subject: [PATCH] Web: Client: Settings: SSO: fix table style

---
 .../styled-containers/StyledCertificatesTable.js          | 2 +-
 .../SingleSignOn/sub-components/CertificatesTable.js      | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/ASC.Web.Client/src/components/pages/Settings/categories/integration/SingleSignOn/styled-containers/StyledCertificatesTable.js b/web/ASC.Web.Client/src/components/pages/Settings/categories/integration/SingleSignOn/styled-containers/StyledCertificatesTable.js
index 8cc7c46596..292f773b95 100644
--- a/web/ASC.Web.Client/src/components/pages/Settings/categories/integration/SingleSignOn/styled-containers/StyledCertificatesTable.js
+++ b/web/ASC.Web.Client/src/components/pages/Settings/categories/integration/SingleSignOn/styled-containers/StyledCertificatesTable.js
@@ -25,7 +25,7 @@ const StyledCertificatesTable = styled.div`
   }
 
   .row {
-    width: 350px;
+    width: fit-content;
     display: flex;
     gap: 16px;
     align-items: center;
diff --git a/web/ASC.Web.Client/src/components/pages/Settings/categories/integration/SingleSignOn/sub-components/CertificatesTable.js b/web/ASC.Web.Client/src/components/pages/Settings/categories/integration/SingleSignOn/sub-components/CertificatesTable.js
index 70d4cb395e..44409ac47a 100644
--- a/web/ASC.Web.Client/src/components/pages/Settings/categories/integration/SingleSignOn/sub-components/CertificatesTable.js
+++ b/web/ASC.Web.Client/src/components/pages/Settings/categories/integration/SingleSignOn/sub-components/CertificatesTable.js
@@ -50,10 +50,12 @@ const CertificatesTable = (props) => {
         <div className="column">
           <div className="column-row">
             <Text fontWeight={600} fontSize="14px" noSelect>
-              {certificate.domainName},{" "}
+              {certificate.domainName}
             </Text>
-            <Text color="#a3a9ae" noSelect>
-              {getFullDate(certificate.startDate)} -{" "}
+            <Text color="#a3a9ae" fontWeight={600} fontSize="14px" noSelect>
+              {", "}
+              {getFullDate(certificate.startDate)}
+              {" - "}
               {getFullDate(certificate.expiredDate)}
             </Text>
           </div>