From 18c1d1565ca28cde538dcc4d7e6aef89e486e17d Mon Sep 17 00:00:00 2001
From: Guo Xiang Tan <tgx_world@hotmail.com>
Date: Thu, 22 Feb 2018 15:37:27 +0800
Subject: [PATCH] UX: Fix missing css styles on invite modal.

---
 .../javascripts/discourse/templates/modal/invite.hbs      | 3 ++-
 app/assets/stylesheets/common/base/modal.scss             | 8 +++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/modal/invite.hbs b/app/assets/javascripts/discourse/templates/modal/invite.hbs
index 4c27a8ee286..e401b8e712c 100644
--- a/app/assets/javascripts/discourse/templates/modal/invite.hbs
+++ b/app/assets/javascripts/discourse/templates/modal/invite.hbs
@@ -27,13 +27,14 @@
     {{else}}
       {{text-field value=emailOrUsername placeholderKey="topic.invite_reply.email_placeholder"}}
     {{/if}}
+
     {{#if showGroups}}
       <label><span class={{showGroupsClass}}>{{i18n 'topic.automatically_add_to_groups'}}</span></label>
       {{group-selector groupFinder=groupFinder groupNames=model.groupNames placeholderKey="topic.invite_private.group_name"}}
     {{/if}}
 
     {{#if showCustomMessage}}
-      <br><label><span class='optional'>{{i18n 'invite.custom_message'}}</span> <a {{action "showCustomMessageBox"}}>{{i18n 'invite.custom_message_link'}}</a>.</label>
+      <label><span class='optional'>{{i18n 'invite.custom_message'}}</span> <a {{action "showCustomMessageBox"}}>{{i18n 'invite.custom_message_link'}}</a>.</label>
       {{#if hasCustomMessage}}{{textarea value=customMessage placeholder=customMessagePlaceholder}}{{/if}}
     {{/if}}
 
diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss
index 6d52ce436d8..8fd78de4689 100644
--- a/app/assets/stylesheets/common/base/modal.scss
+++ b/app/assets/stylesheets/common/base/modal.scss
@@ -282,11 +282,13 @@
   }
 }
 
-.invite-modal {
+#invite-modal {
   overflow: visible;
-  .ember-text-field {
-    width: 550px;
+
+  label {
+    margin-top: 7px;
   }
+
   .optional {
     color: #9e9ea6;
   }