fix-style

frontend/src/components/dialog/manage-members-dialog.js

@@ -100,6 +100,7 @@ class ManageMembersDialog extends React.Component {
         <ModalHeader toggle={this.toggle}>{gettext('Manage group members')}</ModalHeader>
         <ModalBody>
           <p>{gettext('Add group member')}</p>
+          <div className='group-transfer'>
             <AsyncSelect
               className='group-transfer-select'
               isClearable classNamePrefix
@@ -108,6 +109,8 @@ class ManageMembersDialog extends React.Component {
               placeholder={gettext('Search users...')}
               ref="memberSelect"
             />
+            <Button color="secondary" onClick={this.addGroupMember}>{gettext('Submit')}</Button>
+          </div>
           <span className="error">{this.state.errMessage}</span>
           <div className="manage-members">
             <Table hover size="sm" className="manage-members-table">
@@ -163,7 +166,6 @@ class ManageMembersDialog extends React.Component {
         </ModalBody>
         <ModalFooter>
           <Button color="secondary" onClick={this.toggle}>{gettext('Close')}</Button>
-          <Button color="primary" onClick={this.addGroupMember}>{gettext('Submit')}</Button>
         </ModalFooter>
       </Modal>
     );

frontend/src/css/manage-members-dialog.css

@@ -26,3 +26,16 @@
 .delete-group-member-icon:hover {
   color: #333;
 }
+
+.group-transfer-select .true__indicator-separator {
+  display: none;
+}
+
+.group-transfer {
+  display: flex;
+  justify-content: space-between;
+}
+
+.group-transfer-select {
+  width: 82%;
+}

frontend/src/draft-review.js

@@ -724,7 +724,7 @@ class SidePanelChanges extends React.Component {
       <div className="review-side-panel-item">
         <div className="review-side-panel-header">{gettext('Changes')}</div>
         <div className="changes-info">
-          <span>{gettext(`Number of changes: ${this.props.changedNumber}`)}</span>
+          <span>{gettext('Number of changes:')}{' '}{this.props.changedNumber}</span>
           { this.props.changedNumber > 0 &&
             <div>
               <i className="fa fa-arrow-circle-up" onClick={() => { this.props.scrollToChangedNode('down');}}></i>