From 61eba5dbffe3d9c0a09a74ecbd4fe38fb68b75df Mon Sep 17 00:00:00 2001
From: Michael Weimann <michaelw@matrix.org>
Date: Tue, 28 Feb 2023 12:39:43 +0100
Subject: [PATCH] Add invite dialog style

---
 res/css/views/dialogs/_InviteDialog.pcss      | 5 +++++
 src/components/views/dialogs/InviteDialog.tsx | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/res/css/views/dialogs/_InviteDialog.pcss b/res/css/views/dialogs/_InviteDialog.pcss
index c03e78dc6c4f..86de19b5ab81 100644
--- a/res/css/views/dialogs/_InviteDialog.pcss
+++ b/res/css/views/dialogs/_InviteDialog.pcss
@@ -452,3 +452,8 @@ limitations under the License.
 .mx_InviteDialog_identityServer {
     margin-top: 1em; /* TODO: Use a spacing variable */
 }
+
+.mx_InviteDialog_oneThreepid {
+    font-size: $font-12px;
+    margin: $spacing-8 0;
+}
diff --git a/src/components/views/dialogs/InviteDialog.tsx b/src/components/views/dialogs/InviteDialog.tsx
index 40353d55f100..ce9b73aa04c3 100644
--- a/src/components/views/dialogs/InviteDialog.tsx
+++ b/src/components/views/dialogs/InviteDialog.tsx
@@ -1363,7 +1363,11 @@ export default class InviteDialog extends React.PureComponent<Props, IInviteDial
         let onlyOneThreepidNote: React.ReactNode | null = null;
 
         if (!this.canInviteMore() || (this.hasFilterAtLeastOneEmail() && !this.canInviteThirdParty())) {
-            onlyOneThreepidNote = <div>{_t("Invites by email can only be sent one at a time")}</div>;
+            onlyOneThreepidNote = (
+                <div className="mx_InviteDialog_oneThreepid">
+                    {_t("Invites by email can only be sent one at a time")}
+                </div>
+            );
         } else {
             results = (
                 <div className="mx_InviteDialog_userSections">