Fixing errors in system console (#3484)

webapp/components/admin_console/admin_settings.jsx

@@ -115,8 +115,10 @@ export default class AdminSettings extends React.Component {
                 >
                     {this.renderSettings()}
                     <div className='form-group'>
-                        <div className='col-sm-12'>
                         <FormError error={this.state.serverError}/>
+                    </div>
+                    <div className='form-group'>
+                        <div className='col-sm-12'>
                             <SaveButton
                                 saving={this.state.saving}
                                 disabled={!this.state.saveNeeded || (this.canSave && !this.canSave())}

webapp/components/admin_console/multiselect_settings.jsx

@@ -54,10 +54,7 @@ export default class MultiSelectSetting extends React.Component {
                     onChange={this.handleChange}
                     value={this.props.selected}
                 />
-                <FormError
+                <FormError error={this.state.error}/>
-                    noMargin={true}
-                    error={this.state.error}
-                />
             </Setting>
         );
     }

webapp/components/form_error.jsx

@@ -8,7 +8,6 @@ export default class FormError extends React.Component {
         // accepts either a single error or an array of errors
         return {
             error: React.PropTypes.node,
-            noMargin: React.PropTypes.node,
             errors: React.PropTypes.arrayOf(React.PropTypes.node)
         };
     }
@@ -27,7 +26,6 @@ export default class FormError extends React.Component {
 
         // look for the first truthy error to display
         let message = this.props.error;
-        const noMargin = this.props.noMargin;
 
         if (!message) {
             for (const error of this.props.errors) {
@@ -41,18 +39,8 @@ export default class FormError extends React.Component {
             return null;
         }
 
-        if (noMargin) {
         return (
-                <div className='has-error'>
+            <div className='col-sm-12 has-error'>
-                    <label className='control-label'>
-                        {message}
-                    </label>
-                </div>
-            );
-        }
-
-        return (
-            <div className='form-group has-error'>
                 <label className='control-label'>
                     {message}
                 </label>