Improved code style.

imports/ui/components/Button.jsx

@@ -3,7 +3,14 @@ import { Accounts } from 'meteor/accounts-base';
 
 export class Button extends React.Component {
   render () {
-    const { label, href = null, type, disabled = false, className, onClick } = this.props;
+    const {
+      label,
+      href = null,
+      type,
+      disabled = false,
+      className,
+      onClick
+    } = this.props;
     if (type == 'link') {
       return <a href={ href } className={ className } onClick={ onClick }>{ label }</a>;
     }

imports/ui/components/Field.jsx

@@ -33,12 +33,25 @@ export class Field extends React.Component {
   }
 
   render() {
-    const { id, hint, label, type = 'text', onChange, className = "field", defaultValue = "" } = this.props;
+    const {
+      id,
+      hint,
+      label,
+      type = 'text',
+      onChange,
+      required = false,
+      className = "field",
+      defaultValue = ""
+    } = this.props;
     const { mount = true } = this.state;
     return mount ? (
       <div className={ className }>
         <label htmlFor={ id }>{ label }</label>
-        <input id={ id } type={ type } onChange={ onChange } placeholder={ hint } defaultValue={ defaultValue } />
+        <input id={ id } 
+               type={ type }
+               onChange={ onChange }
+               placeholder={ hint }
+               defaultValue={ defaultValue } />
       </div>
     ) : null;
   }

imports/ui/components/FormMessage.jsx

@@ -5,7 +5,8 @@ export class FormMessage extends React.Component {
   render () {
     let { message, type, className = "message", style = {} } = this.props;
     return message ? (
-      <div style={ style } className={[ className, type ].join(' ')}>{ message }</div>
+      <div style={ style } 
+           className={[ className, type ].join(' ')}>{ message }</div>
     ) : null;
   }
 }