diff --git a/packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js b/packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js index 8d2d6b891d..4ee3a2c103 100644 --- a/packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js +++ b/packages/client/src/pages/PortalSettings/categories/security/StyledSecurity.js @@ -36,7 +36,7 @@ export const StyledCategoryWrapper = styled.div` display: flex; flex-direction: row; gap: 4px; - margin-bottom: 16px; + margin-bottom: 8px; align-items: center; `; @@ -126,4 +126,29 @@ export const StyledBruteForceProtection = styled.div` .mobile-description { margin-bottom: 12px; } + + .description { + max-width: 700px; + padding-bottom: 19px; + + .page-subtitle { + line-height: 20px; + color: ${(props) => + props.theme.client.settings.security.descriptionColor}; + padding-bottom: 7px; + } + + .link { + line-height: 15px; + font-size: 13px; + font-weight: 600; + color: ${(props) => + props.theme.client.settings.security.descriptionColor}; + text-decoration: underline; + } + + @media (max-width: 600px) { + padding-bottom: 20px; + } + } `; diff --git a/packages/client/src/pages/PortalSettings/categories/security/access-portal/index.js b/packages/client/src/pages/PortalSettings/categories/security/access-portal/index.js index 0da00c8c57..ef660d66ad 100644 --- a/packages/client/src/pages/PortalSettings/categories/security/access-portal/index.js +++ b/packages/client/src/pages/PortalSettings/categories/security/access-portal/index.js @@ -128,19 +128,9 @@ const AccessPortal = (props) => { , - }} - /> - } - classNameTooltip="brute-force-protection" + title={t("BruteForceProtection")} /> diff --git a/packages/client/src/pages/PortalSettings/categories/security/sub-components/category-wrapper.js b/packages/client/src/pages/PortalSettings/categories/security/sub-components/category-wrapper.js index 4d1383a066..5eeddfc788 100644 --- a/packages/client/src/pages/PortalSettings/categories/security/sub-components/category-wrapper.js +++ b/packages/client/src/pages/PortalSettings/categories/security/sub-components/category-wrapper.js @@ -7,7 +7,15 @@ import { Base } from "@docspace/components/themes"; import { StyledCategoryWrapper, StyledTooltip } from "../StyledSecurity"; const CategoryWrapper = (props) => { - const { t, title, tooltipTitle, tooltipUrl, theme, classNameTooltip } = props; + const { + t, + title, + tooltipTitle, + tooltipUrl, + theme, + classNameTooltip, + notTooltip, + } = props; const tooltip = () => ( @@ -34,15 +42,17 @@ const CategoryWrapper = (props) => { {title} - + {!notTooltip && ( + + )} ); };