Center Sign-In Button

equinor · May 6, 2023 · c39c868 · c39c868
1 parent 5b700aa
commit c39c868
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/frontend/src/components/Pages/SignInPage/SignInPage.tsx b/frontend/src/components/Pages/SignInPage/SignInPage.tsx
@@ -3,6 +3,13 @@ import { useMsal } from '@azure/msal-react'
 import { loginRequest } from '../../../api/AuthConfig'
 import { Button } from '@equinor/eds-core-react'
 import { IPublicClientApplication } from '@azure/msal-browser'
+import styled from 'styled-components'
+
+const Centered = styled.div`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+`
 
 function handleLogin(instance: IPublicClientApplication) {
     instance.loginRedirect(loginRequest).catch((e) => {
@@ -17,9 +24,11 @@ export const SignInButton = () => {
     const { instance } = useMsal()
 
     return (
-        <Button href="" variant="contained" onClick={() => handleLogin(instance)}>
-            Sign in using Redirect
-        </Button>
+        <Centered>
+            <Button href="" variant="contained" onClick={() => handleLogin(instance)}>
+                Sign in
+            </Button>
+        </Centered>
     )
 }