diff --git a/package.json b/package.json index d41cb8f2..b2077294 100644 --- a/package.json +++ b/package.json @@ -50,6 +50,7 @@ "morgan": "^1.6.1", "react": "^0.13.x", "react-document-title": "^1.0.2", + "react-google-recaptcha": "^0.4.0", "react-motion": "^0.3.0", "react-router": "^1.0.0-rc1", "reflux": "^0.2.9", diff --git a/src/app/main/main-home/main-home-page-login-widget.scss b/src/app/main/main-home/main-home-page-login-widget.scss index cec67b80..525acba0 100644 --- a/src/app/main/main-home/main-home-page-login-widget.scss +++ b/src/app/main/main-home/main-home-page-login-widget.scss @@ -16,6 +16,6 @@ } &--forgot-password { - margin-top: 20px; + margin-top: 20px; } } \ No newline at end of file diff --git a/src/app/main/main-signup/main-signup-page.js b/src/app/main/main-signup/main-signup-page.js index 8551ee07..3dc41940 100644 --- a/src/app/main/main-signup/main-signup-page.js +++ b/src/app/main/main-signup/main-signup-page.js @@ -1,5 +1,6 @@ import React from 'react/addons'; import {ListenerMixin} from 'reflux'; +import ReCAPTCHA from 'react-google-recaptcha'; import UserActions from 'actions/user-actions'; import UserStore from 'stores/user-store'; @@ -24,6 +25,9 @@ var MainSignUpPageWidget = React.createClass({ +
+ +
diff --git a/src/app/main/main-signup/main-signup-page.scss b/src/app/main/main-signup/main-signup-page.scss index 1ba0eb08..e639197b 100644 --- a/src/app/main/main-signup/main-signup-page.scss +++ b/src/app/main/main-signup/main-signup-page.scss @@ -1,17 +1,24 @@ .main-signup-page { &--widget-container { - height: 401px; + height: 525px; } .signup-widget { + padding: 30px; + text-align: center; &--inputs { display: inline-block; - margin: 0 auto 20px; + margin: 0 auto; } &--input { margin-bottom: 5px; } + + &--captcha { + margin-top: 30px; + margin-bottom: 20px; + } } } \ No newline at end of file diff --git a/src/core-components/widget.scss b/src/core-components/widget.scss index 81c17b7b..63920b9e 100644 --- a/src/core-components/widget.scss +++ b/src/core-components/widget.scss @@ -5,7 +5,7 @@ border-radius: 4px; text-align: center; padding: 20px; - width: 324px; + min-width: 324px; min-height: 327px; &--title { diff --git a/src/index.html b/src/index.html index 6aff3455..268e4688 100644 --- a/src/index.html +++ b/src/index.html @@ -9,6 +9,7 @@ App Name +