diff --git a/src/app/desktop/views/Login.js b/src/app/desktop/views/Login.js index 6c051207a..5adf038dd 100644 --- a/src/app/desktop/views/Login.js +++ b/src/app/desktop/views/Login.js @@ -4,7 +4,7 @@ import { ipcRenderer } from 'electron'; import styled from 'styled-components'; import { Transition } from 'react-transition-group'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faArrowAltCircleRight } from '@fortawesome/free-solid-svg-icons'; +import { faArrowRight } from '@fortawesome/free-solid-svg-icons'; import { Input, Button } from 'antd'; import { useKey } from 'rooks'; import { login } from '../../../common/reducers/actions'; @@ -57,12 +57,18 @@ const LeftSide = styled.div` & div { margin: 10px 0; } + p { + margin-top: 1em; + color: ${props => props.theme.palette.text.third}; + } `; const Form = styled.div` display: flex; flex-direction: column; justify-content: space-around; + align-items: center; + margin: 40px 0 !important; `; const Background = styled.div` @@ -95,12 +101,19 @@ const Footer = styled.div` bottom: 0; display: flex; justify-content: space-between; - align-items: center; + align-items: flex-end; width: calc(100% - 80px); `; const FooterLinks = styled.div` font-size: 0.75rem; + margin: 0 !important; + a { + color: ${props => props.theme.palette.text.third}; + } + a:hover { + color: ${props => props.theme.palette.text.secondary}; + } `; const Loading = styled.div` @@ -159,7 +172,7 @@ const Login = () => {
- Sign in with your Mojang Account +

Sign in with your Mojang Account

{ Invalid email or password. )} - SIGN IN + Sign In