UI fix for errors in signup and login pages and adding space between buttons in the security tab (#3512)

* Fixing the errors style on login and signup pages

* Adding space between login options in the security section

1 files changed, 11 insertions, 0 deletions

diff --git a/webapp/components/form_error.jsx b/webapp/components/form_error.jsx
index 3c73759c5..047595ef2 100644
--- a/webapp/components/form_error.jsx
+++ b/webapp/components/form_error.jsx
@@ -8,6 +8,7 @@ export default class FormError extends React.Component {
         // accepts either a single error or an array of errors
         return {
             error: React.PropTypes.node,
+            margin: React.PropTypes.node,
             errors: React.PropTypes.arrayOf(React.PropTypes.node)
         };
     }
@@ -39,6 +40,16 @@ export default class FormError extends React.Component {
             return null;
         }
 
+        if (this.props.margin) {
+            return (
+                <div className='form-group has-error'>
+                    <label className='control-label'>
+                        {message}
+                    </label>
+                </div>
+            );
+        }
+
         return (
             <div className='col-sm-12 has-error'>
                 <label className='control-label'>