Added support for specifying size: compact or normal (default) so recaptcha can fit on mobile devices.

Author: Yusinto Ngadiman

src/recaptcha.js

@@ -10,6 +10,7 @@ const ReCAPTCHA = React.createClass({
     type: PropTypes.oneOf(["image", "audio"]),
     tabindex: PropTypes.number,
     onExpired: PropTypes.func,
+    size: PropTypes.oneOf(["compact", "normal"])
   },
 
   getInitialState() {
@@ -21,6 +22,7 @@ const ReCAPTCHA = React.createClass({
       theme: "light",
       type: "image",
       tabindex: 0,
+      size: "normal"
     };
   },
 
@@ -55,13 +57,14 @@ const ReCAPTCHA = React.createClass({
         type: this.props.type,
         tabindex: this.props.tabindex,
         "expired-callback": this.handleExpired,
+        size: this.props.size
       });
       this.setState({
         widgetId: id,
       }, cb);
     }
   },
-
+  
   componentDidMount() {
     this.explicitRender();
   },
@@ -73,10 +76,10 @@ const ReCAPTCHA = React.createClass({
   render() {
     // consume properties owned by the reCATPCHA, pass the rest to the div so the user can style it.
     /* eslint-disable no-unused-vars */
-    let { sitekey, onChange, theme, type, tabindex, onExpired, ...childProps } = this.props;
+    let { sitekey, onChange, theme, type, tabindex, onExpired, size, ...childProps } = this.props;
     /* eslint-enable no-unused-vars */
     return (
-      <div {...childProps} ref="captcha" />
+        <div {...childProps} ref="captcha" />
     );
   }
 });