Rydder i CSS

navikt · May 15, 2024 · 76107e6 · 76107e6
1 parent baa101d
commit 76107e6
Showing 1 changed file with 3 additions and 13 deletions.
diff --git a/src/pages/hovedmeny/paneler/Personopplysninger.tsx b/src/pages/hovedmeny/paneler/Personopplysninger.tsx
@@ -1,28 +1,18 @@
 import * as React from "react";
 import {BehandlingAvPersonopplysningerModal} from "./BehandlingAvPersonopplysningerModal";
 import {Accordion, BodyLong, Heading, Link} from "@navikt/ds-react";
-import styled from "styled-components";
 import {Trans, useTranslation} from "react-i18next";
 import {useState} from "react";
 import {LinkButton} from "../../../lib/components/LinkButton";
 
-const LeftAlignedButton = styled(LinkButton)`
-    text-align: left;
-`;
-
 export const Personopplysninger = () => {
     const {t} = useTranslation("skjema");
     const [visPersonopplysningerModal, setVisPersonopplysningerModal] = useState<boolean>(false);
 
     return (
         <Accordion>
             <Accordion.Item>
-                <Accordion.Header
-                    style={{
-                        padding: "1rem 5em",
-                        borderTop: "2px solid rgba(0, 0, 0, 0.56)",
-                    }}
-                >
+                <Accordion.Header className={"!px-20 !py-4 border-t-[rgba(0, 0, 0, 0.56)] border-t-2"}>
                     {t("informasjon.tekster.personopplysninger.tittel")}
                 </Accordion.Header>
                 <Accordion.Content className={"!px-24 !py-12"}>
@@ -50,9 +40,9 @@ export const Personopplysninger = () => {
                         {t("informasjon.tekster.personopplysninger.rettigheter.tittel")}
                     </Heading>
                     <BodyLong spacing>{t("informasjon.tekster.personopplysninger.rettigheter.tekst")}</BodyLong>
-                    <LeftAlignedButton className="navds-link" onClick={() => setVisPersonopplysningerModal(true)}>
+                    <LinkButton className="text-left" onClick={() => setVisPersonopplysningerModal(true)}>
                         {t("informasjon.tekster.personopplysninger.rettigheter.lenke")}
-                    </LeftAlignedButton>
+                    </LinkButton>
                     <BodyLong>{t("informasjon.tekster.personopplysninger.sporsmal")}</BodyLong>
                     <BehandlingAvPersonopplysningerModal
                         open={visPersonopplysningerModal}