diff --git a/res/css/views/settings/_Notifications2.pcss b/res/css/views/settings/_Notifications2.pcss index 7e507f61cea3..d2bee78bf408 100644 --- a/res/css/views/settings/_Notifications2.pcss +++ b/res/css/views/settings/_Notifications2.pcss @@ -1,4 +1,8 @@ .mx_Notifications2 { + .mx_Notifications2_banner { + margin-bottom: 32px; + } + .mx_SettingsSection_subSections { color: #17191c; gap: 32px; @@ -6,6 +10,15 @@ flex-direction: column; } + .mx_SettingsSubsection_description { + margin-bottom: 20px; + } + + .mx_SettingsFlag { + margin-bottom: -2px; + margin-top: -2px; + } + .mx_Notifications2_banner { background: #f4f8ff; line-height: 2.25rem; @@ -40,7 +53,7 @@ font-size: 1.2rem; .mx_NotificationBadge { - vertical-align: bottom; + vertical-align: baseline; display: inline-flex; margin: 0 2px; } diff --git a/src/components/views/settings/Notifications2.tsx b/src/components/views/settings/Notifications2.tsx index 71c55993c06e..50fd224d51d2 100644 --- a/src/components/views/settings/Notifications2.tsx +++ b/src/components/views/settings/Notifications2.tsx @@ -126,6 +126,8 @@ export default function Notifications2(): JSX.Element { [cli, pushers, refreshPushers, refreshThreepids], ); + const notificationTargets = pushers.filter((it) => it.kind !== "email"); + return (
{hasPendingChanges && ( @@ -425,17 +427,19 @@ export default function Notifications2(): JSX.Element { ))} - - - + {notificationTargets.length > 0 && ( + + + + )} , content: IAnnotatedPushRule[],