Adapt styling

plugins/talk-plugin-notifications/client/components/Settings.css

@@ -1,6 +1,6 @@
 .root {
   margin-bottom: 20px;
-  width: 380px;
+  width: 350px;
 }
 
 .innerSettings {

plugins/talk-plugin-notifications/client/components/Settings.js

@@ -41,7 +41,9 @@ class Settings extends React.Component {
       <IfSlotIsNotEmpty slot="notificationSettings" queryData={{ root }}>
         <div className={styles.root}>
           <h3>{t('talk-plugin-notifications.settings_title')}</h3>
-          {needEmailVerification && <EmailVerificationBanner email={email} />}
+          <div className={styles.bannerContainer}>
+            {needEmailVerification && <EmailVerificationBanner email={email} />}
+          </div>
           <h4
             className={cn(styles.subtitle, {
               [styles.disabled]: needEmailVerification,

plugins/talk-plugin-notifications/client/translations.yml

@@ -13,6 +13,6 @@ en:
     banner_error:
       title: Error
       text: There has been an error sending your verification email. Please try again later.
-    digest_option: I want to receive notifications
+    digest_option: Send notifications
     digest_enum:
       NONE: Immediately