{m.settings_license_plan_enterprise_title()}
{m.settings_license_plan_enterprise_description()}
diff --git a/web/src/pages/settings/SettingsIndexPage/tabs/SettingsLicenseTab/components/SettingsLicenseExpiredNotice/SettingsLicenseExpiredNotice.tsx b/web/src/pages/settings/SettingsIndexPage/tabs/SettingsLicenseTab/components/SettingsLicenseExpiredNotice/SettingsLicenseExpiredNotice.tsx index b5588b97b..7e2efcf81 100644 --- a/web/src/pages/settings/SettingsIndexPage/tabs/SettingsLicenseTab/components/SettingsLicenseExpiredNotice/SettingsLicenseExpiredNotice.tsx +++ b/web/src/pages/settings/SettingsIndexPage/tabs/SettingsLicenseTab/components/SettingsLicenseExpiredNotice/SettingsLicenseExpiredNotice.tsx @@ -7,6 +7,8 @@ import { licenseGracePeriodDays, } from '../../../../../../../shared/constants'; import { Button } from '../../../../../../../shared/defguard-ui/components/Button/Button'; +import { SizedBox } from '../../../../../../../shared/defguard-ui/components/SizedBox/SizedBox'; +import { ThemeSpacing } from '../../../../../../../shared/defguard-ui/types'; import expiredImage from '../../assets/expired.png'; type Props = { @@ -34,7 +36,9 @@ export const SettingsLicenseExpiredNotice = ({ licenseInfo, state }: Props) => { +{m.settings_license_plan_business_description()}
-{m.settings_license_plan_business_promotional_copy()}
@@ -71,6 +74,7 @@ export const SettingsLicenseNoLicenseSection = () => {{m.settings_license_plan_enterprise_title()}
{m.settings_license_plan_enterprise_description()}
diff --git a/web/src/pages/settings/SettingsIndexPage/tabs/SettingsLicenseTab/style.scss b/web/src/pages/settings/SettingsIndexPage/tabs/SettingsLicenseTab/style.scss index 67d1fee17..5f3e91217 100644 --- a/web/src/pages/settings/SettingsIndexPage/tabs/SettingsLicenseTab/style.scss +++ b/web/src/pages/settings/SettingsIndexPage/tabs/SettingsLicenseTab/style.scss @@ -1,4 +1,12 @@ +#settings-license-tab { + #license-main-card { + padding: var(--spacing-lg); + } +} + #license-plans { + padding: var(--spacing-lg) var(--spacing-xl); + header { display: flex; flex-flow: row; @@ -32,7 +40,6 @@ & > .content { display: flex; flex-flow: column; - row-gap: var(--spacing-xs); .top { width: 100%; @@ -69,6 +76,8 @@ } #license-expired-notice { + padding: var(--spacing-lg) var(--spacing-xl); + .notice-track { display: grid; grid-template-columns: 68px 1fr; @@ -85,7 +94,6 @@ display: flex; flex-flow: column; align-items: flex-start; - gap: var(--spacing-md); .title { color: var(--fg-critical);