From 413899b6e86e925d8c8970aa6925f5c01fc02c69 Mon Sep 17 00:00:00 2001
From: Gianmarco <31326058+Ladvace@users.noreply.github.com>
Date: Fri, 22 May 2020 12:27:11 +0200
Subject: [PATCH] login styling fix (#492)

* login styling fix

* color fix
---
 src/app/desktop/views/Login.js | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

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 = () => {
             <Header>
               <HorizontalLogo size={200} />
             </Header>
-            Sign in with your Mojang Account
+            <p>Sign in with your Mojang Account</p>
             <Form>
               <div>
                 <Input
@@ -180,12 +193,12 @@ const Login = () => {
                 <LoginFailMessage>Invalid email or password. </LoginFailMessage>
               )}
               <LoginButton color="primary" onClick={authenticate}>
-                SIGN IN
+                Sign In
                 <FontAwesomeIcon
                   css={`
                     margin-left: 6px;
                   `}
-                  icon={faArrowAltCircleRight}
+                  icon={faArrowRight}
                 />
               </LoginButton>
             </Form>