SSO: fix style

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/IdpSettings.js

@@ -78,7 +78,7 @@ const IdpSettings = (props) => {
           displayProp="flex"
           alignItems="center"
           flexDirection="row"
-          marginProp="6px 0"
+          marginProp="5px 0"
         >
           <Text fontSize="12px" fontWeight={400} noSelect>
             {t("Binding")}
@@ -118,7 +118,7 @@ const IdpSettings = (props) => {
           displayProp="flex"
           alignItems="center"
           flexDirection="row"
-          marginProp="4px 0 6px"
+          marginProp="5px 0"
         >
           <Text fontSize="12px" fontWeight={400}>
             {t("Binding")}

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

@@ -3,8 +3,7 @@ import styled from "styled-components";
 const StyledCertificatesTable = styled.div`
   width: 100%;
   max-width: 600px;
-  margin-top: 12px;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
 
   .header {
     display: grid;
@@ -27,9 +26,9 @@ const StyledCertificatesTable = styled.div`
   .row {
     width: 350px;
     display: flex;
-    gap: 16px;
+    gap: 12px;
     align-items: center;
-    padding: 12px 0;
+    padding: 11px 0 10px;
     border-bottom: 1px solid #eceef1;
 
     .column {

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

@@ -78,7 +78,7 @@ const StyledSsoPage = styled.div`
   }
 
   .checkbox-input {
-    margin: 6px 8px 6px 0;
+    margin: 10px 8px 6px 0;
   }
 
   .upload-button {

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

@@ -59,12 +59,18 @@ const CertificatesTable = (props) => {
         <ReactSVG src="/static/images/icons/32/file.svg" />
         <div className="column">
           <div className="column-row">
-            <Text fontWeight={600} fontSize="14px" noSelect>
+            <Text fontWeight={600} fontSize="14px" lineHeight="16px" noSelect>
               {certificate.domainName}
             </Text>
           </div>
           <div className="column-row">
-            <Text color="#a3a9ae" fontSize="12px" fontWeight={600} noSelect>
+            <Text
+              color="#a3a9ae"
+              fontSize="12px"
+              fontWeight={600}
+              lineHeight="16px"
+              noSelect
+            >
               {certificate.action}
               {" | "}
               {getFullDate(certificate.startDate)}