#180 #195

app/components/login/Login.jsx

@@ -12,7 +12,7 @@ import {
 } from '@pubsweet/ui'
 import { th } from '@pubsweet/ui-toolkit'
 import styled from 'styled-components'
-import { Page } from '../ui'
+import { Page, Notification } from '../ui'
 import SignInFooter from '../SignInFooter'
 
 const Signup = styled.p`
@@ -42,6 +42,9 @@ const Container = styled(CenteredColumn)`
     margin: 10px 0 10px 0;
     width: inherit;
   }
+  .error {
+    width: inherit;
+  }
 `
 const EmailInput = props => <TextField label="Email address" {...props.field} />
 const PasswordInput = props => (
@@ -78,7 +81,7 @@ class Login extends React.Component {
         <H1>Sign in with your Europe PMC plus account</H1>
         <Container medium>
           {!isEmpty(errors) && (
-            <ErrorText className="login-error">{errors}</ErrorText>
+            <Notification type="error">{errors}</Notification>
           )}
           <form onSubmit={handleSubmit}>
             <Field component={EmailInput} name="email" />