update with new suggested design

Author: uhoreg

src/components/views/dialogs/InviteDialog.tsx

@@ -1318,9 +1318,12 @@ export default class InviteDialog extends React.PureComponent<IInviteDialogProps
                     visibilityEvent.getContent().history_visibility;
                 if (visibility === "world_readable" || visibility === "shared") {
                     keySharingWarning =
-                        <div>
-                            {_t("Note: Decryption keys for old messages will be shared with invited users.")}
-                        </div>;
+                        <p className='mx_InviteDialog_helpText'>
+                            <img
+                                src={require("../../../../res/img/element-icons/info.svg")}
+                                width={14} height={14} />
+                            {" " + _t("Invited people will be able to read old messages.")}
+                        </p>;
                 }
             }
         } else if (this.props.kind === KIND_CALL_TRANSFER) {

src/i18n/strings/en_EN.json

@@ -2154,7 +2154,7 @@
     "Go": "Go",
     "Invite someone using their name, email address, username (like <userId/>) or <a>share this room</a>.": "Invite someone using their name, email address, username (like <userId/>) or <a>share this room</a>.",
     "Invite someone using their name, username (like <userId/>) or <a>share this room</a>.": "Invite someone using their name, username (like <userId/>) or <a>share this room</a>.",
-    "Note: Decryption keys for old messages will be shared with invited users.": "Note: Decryption keys for old messages will be shared with invited users.",
+    "Invited people will be able to read old messages.": "Invited people will be able to read old messages.",
     "Transfer": "Transfer",
     "a new master key signature": "a new master key signature",
     "a new cross-signing key signature": "a new cross-signing key signature",