fix style (#3077)

frontend/src/components/dialog/add-reviewer-dialog.js

@@ -96,6 +96,7 @@ class AddReviewerDialog extends React.Component {
         <ModalHeader>{gettext('Request a review')}</ModalHeader>
         <ModalBody >
           <p>{gettext('Add new reviewer')}</p>
+          <div className='add-reviewer'>
             <UserSelect
               placeholder={gettext('Please enter 1 or more character')}
               onSelectChange={this.handleSelectChange}
@@ -103,6 +104,11 @@ class AddReviewerDialog extends React.Component {
               isMulti={true}
               className='reviewer-select'
             />
+            {(this.state.selectedOption && !this.state.loading)?
+              <Button color="secondary" onClick={this.addReviewers}>{gettext('Submit')}</Button> :
+              <Button color="secondary" disabled>{gettext('Submit')}</Button>
+            }
+          </div>
           {this.state.errorMsg.length > 0 &&
             this.state.errorMsg.map((item, index = 0, arr) => {
               return (
@@ -126,11 +132,6 @@ class AddReviewerDialog extends React.Component {
           }
         </ModalBody>
         <ModalFooter>
-          { this.state.loading ?
-            <Button disabled><i className="fa fa-spinner" aria-hidden="true"></i></Button>
-            :
-            <Button color="primary" onClick={this.addReviewers}>{gettext('Submit')}</Button>
-          }
           <Button color="secondary" onClick={this.props.toggleAddReviewerDialog}>
             {gettext('Close')}</Button>
         </ModalFooter>

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

@@ -86,7 +86,7 @@ class ManageMembersDialog extends React.Component {
           <p>{gettext('Add group member')}</p>
           <div className='add-members'>
             <UserSelect
-              placeholder={gettext('Search users...')}
+              placeholder={gettext('Select users...')}
               onSelectChange={this.onSelectChange}
               ref="userSelect"
               isMulti={true}

frontend/src/css/add-reviewer-dialog.css

@@ -26,3 +26,13 @@
   opacity: 1;
   color: #a4a4a4;
 }
+.add-reviewer {
+  display: flex;
+  justify-content: space-between;
+}
+.add-reviewer .reviewer-select {
+  width: 385px;
+}
+.add-reviewer .btn {
+  width: 75px;
+}