fixing invit form in group chat thread

css/style.css

@@ -114,7 +114,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
   font-weight: normal;
   font-style: normal;
 }
-.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .mini-profile .post-area .modal-header span:before, .prompt-wrapper .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .mini-profile-indicators .userMenu-groupmessages a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .view-all-users:before, .ion-after:after, .isFollowing:after, .direct-messages-list .post:after {
+.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .direct-messages-thread + .group-messages-control .invite-form .modal-header span:before, .mini-profile .post-area .modal-header span:before, .prompt-wrapper .switch-mode:before, .direct-messages-thread + .group-messages-control .invite-form .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .mini-profile-indicators .userMenu-groupmessages a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .view-all-users:before, .ion-after:after, .isFollowing:after, .direct-messages-list .post:after {
   display: inline-block;
   font-family: "Ionicons";
   speak: none;
@@ -128,11 +128,11 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
   -moz-osx-font-smoothing: grayscale;
 }
 
-.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .mini-profile .post-area .modal-header span:before, .prompt-wrapper .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .mini-profile-indicators .userMenu-groupmessages a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .view-all-users:before {
+.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .direct-messages-thread + .group-messages-control .invite-form .modal-header span:before, .mini-profile .post-area .modal-header span:before, .prompt-wrapper .switch-mode:before, .direct-messages-thread + .group-messages-control .invite-form .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .mini-profile-indicators .userMenu-groupmessages a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .view-all-users:before {
   padding: 0 3px;
 }
 
-.ion:after, .userMenu li.userMenu-config > a:after, .modal-header span:after, .prompt-wrapper .modal-header span:after, .mini-profile .post-area .modal-header span:after, .prompt-wrapper .switch-mode:after, .mini-profile .post-area.display .switch-mode:after, .bitmessage-ctc:after, .tox-ctc:after, .profile-modal .profile-tox:after, .profile-modal .profile-bitmessage:after, .post-retransmited-icon:after, .post-interactions span:after, .post-stats li.stat-count:after, ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .show-more-followers:after, .mini-profile-indicators .userMenu-connections a:after, .mini-profile-indicators .userMenu-messages a:after, .mini-profile-indicators .userMenu-user a:after, .mini-profile-indicators .userMenu-groupmessages a:after, .twister-user-remove:after, .refresh-toptrends:after, .twistday-reminder .refresh:after, .refresh-users:after, .view-all-users:after, .ion-after:before, .isFollowing:before, .direct-messages-list .post:before {
+.ion:after, .userMenu li.userMenu-config > a:after, .modal-header span:after, .prompt-wrapper .modal-header span:after, .direct-messages-thread + .group-messages-control .invite-form .modal-header span:after, .mini-profile .post-area .modal-header span:after, .prompt-wrapper .switch-mode:after, .direct-messages-thread + .group-messages-control .invite-form .switch-mode:after, .mini-profile .post-area.display .switch-mode:after, .bitmessage-ctc:after, .tox-ctc:after, .profile-modal .profile-tox:after, .profile-modal .profile-bitmessage:after, .post-retransmited-icon:after, .post-interactions span:after, .post-stats li.stat-count:after, ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .show-more-followers:after, .mini-profile-indicators .userMenu-connections a:after, .mini-profile-indicators .userMenu-messages a:after, .mini-profile-indicators .userMenu-user a:after, .mini-profile-indicators .userMenu-groupmessages a:after, .twister-user-remove:after, .refresh-toptrends:after, .twistday-reminder .refresh:after, .refresh-users:after, .view-all-users:after, .ion-after:before, .isFollowing:before, .direct-messages-list .post:before {
   display: none;
 }
 
@@ -140,7 +140,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
   content: "";
 }
 
-.ion-checkmark:after, .isFollowing:after, .modal-header span.mark-all-as-read:after, .mini-profile .post-area .modal-header span.mark-all-as-read:after, .ion-checkmark:before, .isFollowing:before, .modal-header span.mark-all-as-read:before, .mini-profile .post-area .modal-header span.mark-all-as-read:before {
+.ion-checkmark:after, .isFollowing:after, .modal-header span.mark-all-as-read:after, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.mark-all-as-read:after, .mini-profile .post-area .modal-header span.mark-all-as-read:after, .ion-checkmark:before, .isFollowing:before, .modal-header span.mark-all-as-read:before, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.mark-all-as-read:before, .mini-profile .post-area .modal-header span.mark-all-as-read:before {
   content: "";
 }
 
@@ -148,7 +148,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
   content: "";
 }
 
-.ion-shuffle:before, .prompt-wrapper .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .post-retransmited-icon:before, .post-interactions span.post-propagate:before, .post-stats li.stat-count:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before {
+.ion-shuffle:before, .prompt-wrapper .switch-mode:before, .direct-messages-thread + .group-messages-control .invite-form .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .post-retransmited-icon:before, .post-interactions span.post-propagate:before, .post-stats li.stat-count:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before {
   content: "";
 }
 
@@ -172,11 +172,11 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
   content: "";
 }
 
-.ion-close:before, .modal-header span.modal-close:before, .mini-profile .post-area .modal-header span.modal-close:before, .twister-user-remove:before {
+.ion-close:before, .modal-header span.modal-close:before, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.modal-close:before, .mini-profile .post-area .modal-header span.modal-close:before, .twister-user-remove:before {
   content: "";
 }
 
-.ion-back:before, .modal-header span.modal-back:before, .mini-profile .post-area .modal-header span.modal-back:before {
+.ion-back:before, .modal-header span.modal-back:before, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.modal-back:before, .mini-profile .post-area .modal-header span.modal-back:before {
   content: "";
 }
 
@@ -346,7 +346,7 @@ h3 .isFollowing:after, .login .module p span .isFollowing:after {
   box-shadow: 0 8px 13px rgba(17, 17, 17, 0);
 }
 
-.clear-fix:after, .userMenu > ul:after, .wrapper:after, .dashboard > .module:after, .dashboard > .module ol:after, .modal-wrapper.following-modal a:after, .modal-wrapper .modal-content:after, .modal-header:after, .prompt-wrapper .modal-header:after, .mini-profile .post-area .modal-header:after, .twister-user:after, .direct-messages-thread .post:after, #postboard-top:after, #postboard-top .post-area:after, .expanded-content:after, .forEdition.profile-card:after, .forEdition.profile-card .profile-card-main:after, .following .following-list li a:after, .login .module:after, .network.singleBlock:after, .network.singleBlock .module:after, .options .tab-content:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after {
+.clear-fix:after, .userMenu > ul:after, .wrapper:after, .dashboard > .module:after, .dashboard > .module ol:after, .modal-wrapper.following-modal a:after, .modal-wrapper .modal-content:after, .modal-header:after, .prompt-wrapper .modal-header:after, .direct-messages-thread + .group-messages-control .invite-form .modal-header:after, .mini-profile .post-area .modal-header:after, .twister-user:after, .direct-messages-thread .post:after, #postboard-top:after, #postboard-top .post-area:after, .expanded-content:after, .forEdition.profile-card:after, .forEdition.profile-card .profile-card-main:after, .following .following-list li a:after, .login .module:after, .network.singleBlock:after, .network.singleBlock .module:after, .options .tab-content:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after {
   content: "";
   display: table;
   clear: both;
@@ -739,7 +739,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
   z-index: 2000;
 }
 
-.modal-header, .prompt-wrapper .modal-header, .mini-profile .post-area .modal-header {
+.modal-header, .prompt-wrapper .modal-header, .direct-messages-thread + .group-messages-control .invite-form .modal-header, .mini-profile .post-area .modal-header {
   position: relative;
   background: #212121;
   height: 52px;
@@ -747,7 +747,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
-.modal-header h3, .prompt-wrapper .modal-header h3, .mini-profile .post-area .modal-header h3, .modal-header .login .module p span, .login .module p .modal-header span {
+.modal-header h3, .prompt-wrapper .modal-header h3, .direct-messages-thread + .group-messages-control .invite-form .modal-header h3, .mini-profile .post-area .modal-header h3, .modal-header .login .module p span, .login .module p .modal-header span {
   padding-left: 20px;
   line-height: 52px;
   font-weight: 500;
@@ -755,10 +755,10 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
   float: left;
   color: white;
 }
-.modal-header h3 span, .prompt-wrapper .modal-header h3 span, .mini-profile .post-area .modal-header h3 span, .modal-header .login .module p span span, .login .module p .modal-header span span {
+.modal-header h3 span, .prompt-wrapper .modal-header h3 span, .direct-messages-thread + .group-messages-control .invite-form .modal-header h3 span, .mini-profile .post-area .modal-header h3 span, .modal-header .login .module p span span, .login .module p .modal-header span span {
   position: relative;
 }
-.modal-header span, .prompt-wrapper .modal-header span, .mini-profile .post-area .modal-header span {
+.modal-header span, .prompt-wrapper .modal-header span, .direct-messages-thread + .group-messages-control .invite-form .modal-header span, .mini-profile .post-area .modal-header span {
   position: absolute;
   top: 0;
   line-height: 52px;
@@ -767,22 +767,22 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
   color: rgba(255, 255, 255, 0.7);
   transition: color 0.1s linear;
 }
-.modal-header span:hover, .mini-profile .post-area .modal-header span:hover {
+.modal-header span:hover, .direct-messages-thread + .group-messages-control .invite-form .modal-header span:hover, .mini-profile .post-area .modal-header span:hover {
   color: white;
 }
-.modal-header span b, .prompt-wrapper .modal-header span b, .mini-profile .post-area .modal-header span b {
+.modal-header span b, .prompt-wrapper .modal-header span b, .direct-messages-thread + .group-messages-control .invite-form .modal-header span b, .mini-profile .post-area .modal-header span b {
   display: none;
 }
-.modal-header span.modal-close, .mini-profile .post-area .modal-header span.modal-close {
+.modal-header span.modal-close, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.modal-close, .mini-profile .post-area .modal-header span.modal-close {
   right: 10px;
 }
-.modal-header span.mark-all-as-read, .mini-profile .post-area .modal-header span.mark-all-as-read {
+.modal-header span.mark-all-as-read, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.mark-all-as-read, .mini-profile .post-area .modal-header span.mark-all-as-read {
   position: static;
   float: left;
   margin-left: 10px;
   display: none;
 }
-.modal-header span.modal-back, .mini-profile .post-area .modal-header span.modal-back {
+.modal-header span.modal-back, .direct-messages-thread + .group-messages-control .invite-form .modal-header span.modal-back, .mini-profile .post-area .modal-header span.modal-back {
   right: 35px;
 }
 
@@ -810,7 +810,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
 
 /*********** POPUP PROMPT ************ */
 /*********** POPUP PROMPT ************ */
-.prompt-wrapper, .mini-profile .post-area.display {
+.prompt-wrapper, .direct-messages-thread + .group-messages-control .invite-form, .mini-profile .post-area.display {
   background: #FDFCFA;
   z-index: 200;
   position: fixed;
@@ -822,34 +822,34 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
   -webkit-box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
   box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
 }
-.prompt-wrapper .following-config-method-buttons, .mini-profile .post-area.display .following-config-method-buttons {
+.prompt-wrapper .following-config-method-buttons, .direct-messages-thread + .group-messages-control .invite-form .following-config-method-buttons, .mini-profile .post-area.display .following-config-method-buttons {
   padding: 0 20px 20px 0;
   float: right;
 }
-.prompt-wrapper .modal-content, .mini-profile .post-area.display .modal-content {
+.prompt-wrapper .modal-content, .direct-messages-thread + .group-messages-control .invite-form .modal-content, .mini-profile .post-area.display .modal-content {
   padding: 20px;
 }
-.prompt-wrapper .modal-content .post-area textarea, .mini-profile .post-area.display .modal-content .post-area textarea {
+.prompt-wrapper .modal-content .post-area textarea, .direct-messages-thread + .group-messages-control .invite-form .modal-content .post-area textarea, .mini-profile .post-area.display .modal-content .post-area textarea {
   clear: both;
 }
-.prompt-wrapper .post-data, .mini-profile .post-area.display .post-data {
+.prompt-wrapper .post-data, .direct-messages-thread + .group-messages-control .invite-form .post-data, .mini-profile .post-area.display .post-data {
   border: 1px solid #F3F2F0;
   position: relative;
   padding: 10px;
   background: white;
 }
-.prompt-wrapper .modal-header h3 span, .prompt-wrapper .mini-profile .post-area .modal-header h3 span, .mini-profile .post-area .prompt-wrapper .modal-header h3 span, .mini-profile .post-area.display .modal-header h3 span, .prompt-wrapper .modal-header .login .module p span span, .login .module p .prompt-wrapper .modal-header span span, .mini-profile .post-area.display .modal-header .login .module p span span, .login .module p .mini-profile .post-area.display .modal-header span span {
+.prompt-wrapper .modal-header h3 span, .direct-messages-thread + .group-messages-control .invite-form .modal-header h3 span, .prompt-wrapper .mini-profile .post-area .modal-header h3 span, .mini-profile .post-area .prompt-wrapper .modal-header h3 span, .mini-profile .post-area.display .modal-header h3 span, .prompt-wrapper .modal-header .login .module p span span, .login .module p .prompt-wrapper .modal-header span span, .direct-messages-thread + .group-messages-control .invite-form .modal-header .login .module p span span, .login .module p .direct-messages-thread + .group-messages-control .invite-form .modal-header span span, .mini-profile .post-area.display .modal-header .login .module p span span, .login .module p .mini-profile .post-area.display .modal-header span span {
   padding-left: 5px;
   color: white;
 }
-.prompt-wrapper .modal-header h3 span:hover, .mini-profile .post-area.display .modal-header h3 span:hover, .prompt-wrapper .modal-header .login .module p span span:hover, .login .module p .prompt-wrapper .modal-header span span:hover, .mini-profile .post-area.display .modal-header .login .module p span span:hover, .login .module p .mini-profile .post-area.display .modal-header span span:hover {
+.prompt-wrapper .modal-header h3 span:hover, .direct-messages-thread + .group-messages-control .invite-form .modal-header h3 span:hover, .mini-profile .post-area.display .modal-header h3 span:hover, .prompt-wrapper .modal-header .login .module p span span:hover, .login .module p .prompt-wrapper .modal-header span span:hover, .direct-messages-thread + .group-messages-control .invite-form .modal-header .login .module p span span:hover, .login .module p .direct-messages-thread + .group-messages-control .invite-form .modal-header span span:hover, .mini-profile .post-area.display .modal-header .login .module p span span:hover, .login .module p .mini-profile .post-area.display .modal-header span span:hover {
   cursor: default;
 }
-.prompt-wrapper .modal-buttons, .mini-profile .post-area.display .modal-buttons {
+.prompt-wrapper .modal-buttons, .direct-messages-thread + .group-messages-control .invite-form .modal-buttons, .mini-profile .post-area.display .modal-buttons {
   margin: 4px 0;
   text-align: right;
 }
-.prompt-wrapper .switch-mode, .mini-profile .post-area.display .switch-mode {
+.prompt-wrapper .switch-mode, .direct-messages-thread + .group-messages-control .invite-form .switch-mode, .mini-profile .post-area.display .switch-mode {
   display: inline-block;
   float: left;
   margin: 12px 4px 4px;
@@ -860,43 +860,43 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
 }
 
 /************ FOLLOWING-CONFIG MODAL ********* */
-.prompt-wrapper.following-config-modal, .mini-profile .following-config-modal.post-area.display {
+.prompt-wrapper.following-config-modal, .direct-messages-thread + .group-messages-control .following-config-modal.invite-form, .mini-profile .following-config-modal.post-area.display {
   margin-top: -100px;
 }
-.prompt-wrapper.following-config-modal h2, .mini-profile .following-config-modal.post-area.display h2 {
+.prompt-wrapper.following-config-modal h2, .direct-messages-thread + .group-messages-control .following-config-modal.invite-form h2, .mini-profile .following-config-modal.post-area.display h2 {
   text-transform: none;
   display: inline-block !important;
   font-size: 1rem;
   font-weight: 400;
   padding: 1rem;
 }
-.prompt-wrapper.following-config-modal h2 span, .mini-profile .following-config-modal.post-area.display h2 span {
+.prompt-wrapper.following-config-modal h2 span, .direct-messages-thread + .group-messages-control .following-config-modal.invite-form h2 span, .mini-profile .following-config-modal.post-area.display h2 span {
   display: inline-block !important;
 }
-.prompt-wrapper.following-config-modal h2 span b, .mini-profile .following-config-modal.post-area.display h2 span b {
+.prompt-wrapper.following-config-modal h2 span b, .direct-messages-thread + .group-messages-control .following-config-modal.invite-form h2 span b, .mini-profile .following-config-modal.post-area.display h2 span b {
   font-weight: 400;
 }
 
 /************ RETWIST POSTS MODAL ********* */
-.prompt-wrapper.reTwist.prompt-wrapper, .mini-profile .reTwist.post-area.display {
+.prompt-wrapper.reTwist.prompt-wrapper, .direct-messages-thread + .group-messages-control .reTwist.invite-form, .mini-profile .reTwist.post-area.display {
   margin-top: -150px;
 }
-.prompt-wrapper.reTwist .post-expand, .mini-profile .reTwist.post-area.display .post-expand, .prompt-wrapper.reTwist .post-interactions, .mini-profile .reTwist.post-area.display .post-interactions {
+.prompt-wrapper.reTwist .post-expand, .direct-messages-thread + .group-messages-control .reTwist.invite-form .post-expand, .mini-profile .reTwist.post-area.display .post-expand, .prompt-wrapper.reTwist .post-interactions, .direct-messages-thread + .group-messages-control .reTwist.invite-form .post-interactions, .mini-profile .reTwist.post-area.display .post-interactions {
   display: none;
 }
-.prompt-wrapper.reTwist .post-info-time, .mini-profile .reTwist.post-area.display .post-info-time {
+.prompt-wrapper.reTwist .post-info-time, .direct-messages-thread + .group-messages-control .reTwist.invite-form .post-info-time, .mini-profile .reTwist.post-area.display .post-info-time {
   position: static;
   float: right;
 }
 
 /********* REPLY POSTS MODAL************** */
-.prompt-wrapper.reply.prompt-wrapper, .mini-profile .reply.post-area.display {
+.prompt-wrapper.reply.prompt-wrapper, .direct-messages-thread + .group-messages-control .reply.invite-form, .mini-profile .reply.post-area.display {
   margin-top: -110px;
 }
-.prompt-wrapper.reply .post-expand, .mini-profile .reply.post-area.display .post-expand, .prompt-wrapper.reply .post-interactions, .mini-profile .reply.post-area.display .post-interactions {
+.prompt-wrapper.reply .post-expand, .direct-messages-thread + .group-messages-control .reply.invite-form .post-expand, .mini-profile .reply.post-area.display .post-expand, .prompt-wrapper.reply .post-interactions, .direct-messages-thread + .group-messages-control .reply.invite-form .post-interactions, .mini-profile .reply.post-area.display .post-interactions {
   display: none;
 }
-.prompt-wrapper.reply .post-area, .mini-profile .reply.post-area.display .post-area {
+.prompt-wrapper.reply .post-area, .direct-messages-thread + .group-messages-control .reply.invite-form .post-area, .mini-profile .reply.post-area.display .post-area {
   padding-bottom: 6px;
 }
 
@@ -1733,6 +1733,13 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
   -webkit-box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1);
   box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1);
 }
+.direct-messages-thread + .group-messages-control .invite-form {
+  bottom: 40px;
+  top: auto;
+}
+.direct-messages-thread + .group-messages-control .invite-form textarea {
+  min-height: 100px;
+}
 .direct-messages-thread + .group-messages-control button, .direct-messages-thread + .group-messages-control .show-more-followers {
   float: none;
   display: inline-block;
@@ -2885,7 +2892,7 @@ ul.dropdown-menu li > li > a {
     width: 150px;
   }
 
-  .prompt-wrapper, .mini-profile .post-area.display {
+  .prompt-wrapper, .direct-messages-thread + .group-messages-control .invite-form, .mini-profile .post-area.display {
     width: 98%;
     left: 1%;
     margin-left: 0;

sass/layout/_groupchat.sass

@@ -83,6 +83,12 @@
 	z-index: 200
 	background: $bloc-light-color
 	+box-shadow(0 -8px 13px rgba(#111, 0.1))
+	.invite-form 
+		@extend .prompt-wrapper
+		bottom: 40px
+		top: auto
+		textarea
+			min-height: 100px
 	button 
 		float: none 
 		display: inline-block