Justeringer på stil

navikt · Jan 3, 2025 · c6f0879 · c6f0879
1 parent b0c1fa4
commit c6f0879
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/lps-client-frontend-v/src/Header.tsx b/lps-client-frontend-v/src/Header.tsx
@@ -6,10 +6,12 @@ function Header() {
     return (
         <Box padding="4" background="gray-100">
             <HStack gap="12" align="center">
-                <img src={logo} alt="Logo"
-                     style={{maxWidth: '150px'}}/>
+                <Box style={{marginLeft: 72}}>
+                    <img src={logo} alt="Logo"
+                         style={{maxWidth: '150px'}}/>
+                </Box>
                 <Heading size="medium">
-                    TigerSys lønns- og personalsystem
+                TigerSys lønns- og personalsystem
                 </Heading>
 
             </HStack>

diff --git a/lps-client-frontend-v/src/LoginForm.tsx b/lps-client-frontend-v/src/LoginForm.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Alert, Box, Button, TextField, VStack } from "@navikt/ds-react";
+import { Alert, BodyShort, Box, Button, Heading, TextField, VStack } from "@navikt/ds-react";
 import axios from 'axios';
 import { useNavigate } from 'react-router-dom';
 
@@ -57,13 +57,12 @@ function LoginForm() {
     };
 
     return (
-        <Box
-            style={{width: 400, marginLeft: "auto", marginRight: "auto"}}
-        >
-
 
             <VStack gap="4" justify="center">
-            {error && <Alert variant="error">{error}</Alert>}
+                <Heading size="medium">
+                    Logg inn for å ta i bruk systemet
+                </Heading>
+                {error && <Alert variant="error">{error}</Alert>}
 
                 <TextField
                     label="Orgnr"
@@ -75,17 +74,16 @@ function LoginForm() {
                 />
 
 
-                <Button variant="primary" onClick={handleSubmit} >
+                <Button variant="primary" onClick={handleSubmit} style={{maxWidth: 340}}>
                     Logg inn
                 </Button>
 
-                <Button variant="secondary" onClick={handleRegistrerNyBedrift}>
+                <Button variant="secondary" onClick={handleRegistrerNyBedrift} style={{maxWidth: 340}}>
                     Registrer ny bedrift
                 </Button>
 
-
             </VStack>
-        </Box>
+
     );
 }
 

diff --git a/lps-client-frontend-v/src/Velkommen.tsx b/lps-client-frontend-v/src/Velkommen.tsx
@@ -10,7 +10,7 @@ function Velkommen() {
     };
 
     return (
-        <VStack gap="5" align="center" justify="center">
+        <VStack gap="5" justify="center">
             <Box>
                 <Heading size="small" spacing>
                     Velkommen!
@@ -25,7 +25,7 @@ function Velkommen() {
                 </BodyShort>
             </Box>
 
-            <Button onClick={handleGaaTilForsiden}>
+            <Button onClick={handleGaaTilForsiden} style={{maxWidth: 340}}>
                 Gå til forsiden
             </Button>
         </VStack>