Add error toast message in hub and minor style changes

app/Account/AccountActions.js

@@ -29,6 +29,7 @@ import {
 	GET_USER_SUBSCRIPTION_DATA_FAIL,
 	GET_USER_SUBSCRIPTION_DATA_SUCCESS
 } from './AccountConstants';
+import { SET_TOAST } from '../hub/Views/AppView/AppViewConstants';
 
 export const getUserSettings = () => dispatch => (
 	sendMessageInPromise('account.getUserSettings')
@@ -170,10 +171,19 @@ export const resetPassword = email => dispatch => (
 		.then((res) => {
 			const { errors } = res;
 			if (errors) {
+				// Panel toast message
 				dispatch({
 					type: RESET_PASSWORD_FAIL,
 					payload: { errors },
 				});
+				// Hub toast message
+				dispatch({
+					type: SET_TOAST,
+					data: {
+						toastMessage: t('banner_email_not_in_system_message'),
+						toastClass: 'alert',
+					},
+				});
 				return false;
 			}
 			dispatch({ type: RESET_PASSWORD_SUCCESS });

app/shared-components/ForgotPassword/ForgotPassword.scss

@@ -31,10 +31,9 @@
 
 /* FORGOT PASSWORD HUB */
 #ForgotPasswordView {
-	margin: 40px auto;
-	padding-bottom: 40px;
+	margin: 70px 0 70px 182px;
 	#forgot-email {
-		margin-top: 40px;
+		margin: 25px auto;
 	}
 	#ForgotPasswordMessage {
 		width: 456px;