Fikser styling etter fjerning av reset css

client/src/felleskomponenter/Liste.tsx

@@ -4,3 +4,8 @@ export const Liste = styled.ul`
   list-style-type: disc;
   padding-left: 1rem;
 `
+
+export const ListeUtenPunkt = styled.ul`
+  padding-left: 0;
+  list-style-type: none;
+`

client/src/header/endringslogg/Endringslogg.tsx

@@ -63,7 +63,6 @@ function Innslag({ innslag, merkSomLest }: { innslag: EndringsloggInnslag; merkS
       </dt>
       <dd>
         <ReactMarkdown>{innslag.innhold}</ReactMarkdown>
-        <div />
       </dd>
       <Strek />
     </>
@@ -81,9 +80,8 @@ const Overskrift = styled(BodyLong)`
 const Liste = styled.dl`
   margin: var(--a-spacing-3) var(--a-spacing-6) !important;
 
-  dd ul {
+  dd {
     margin: var(--a-spacing-3) 0 !important;
-    padding: 0 var(--a-spacing-5) !important;
     list-style: initial;
   }
 `

client/src/saksbilde/barnebriller/BarnebrillesakHistorikk.tsx

@@ -4,6 +4,7 @@ import { Tekst } from '../../felleskomponenter/typografi'
 import { HistorikkHendelse } from '../høyrekolonne/historikk/HistorikkHendelse'
 import { useSakshistorikk } from '../høyrekolonne/historikk/useSakshistorikk'
 import { HøyrekolonnePanel } from '../høyrekolonne/HøyrekolonnePanel'
+import { ListeUtenPunkt } from '../../felleskomponenter/Liste'
 
 export function BarnebrillesakHistorikk() {
   const { hendelser, error, isLoading } = useSakshistorikk()
@@ -14,7 +15,7 @@ export function BarnebrillesakHistorikk() {
       loading={isLoading && 'Henter historikk...'}
     >
       {hendelser.length > 0 ? (
-        <VStack as="ul" gap="3">
+        <VStack as={ListeUtenPunkt} gap="3">
           {hendelser.map((it) => (
             <HistorikkHendelse key={it.id} {...it} />
           ))}

client/src/saksbilde/barnebriller/Barnebrillesaksbilde.tsx

@@ -32,8 +32,6 @@ const BarnebrillesakContainer = styled.div`
 const Header = styled(HStack)`
   box-shadow: inset 0 -1px 0 0 var(--ac-tabs-border, var(--a-border-divider));
   padding-right: 2rem;
-  padding-bottom: 0.5em;
-  padding-top: 0.5rem;
 `
 
 const BarnebrillesakContent = memo(() => {
@@ -57,7 +55,7 @@ const BarnebrillesakContent = memo(() => {
 
   return (
     <div>
-      <Header wrap={false} align={'end'}>
+      <Header wrap={false} align={'baseline'}>
         <Hotstepper steg={sak.data.steg} lesemodus={!saksbehandlerKanRedigereBarnebrillesak} />
         <Spacer />
         <HStack align="center">

client/src/saksbilde/høyrekolonne/HøyrekolonneInnslag.tsx

@@ -2,7 +2,7 @@ import styled from 'styled-components'
 
 export const HøyrekolonneInnslag = styled.li`
   &:not(:last-of-type) {
-    padding-bottom: var(--a-spacing-3);
+    padding-bottom: var(--a-spacing-2);
     border-bottom: 1px solid var(--a-border-subtle);
   }
 `

client/src/saksbilde/høyrekolonne/historikk/Historikk.tsx

@@ -1,4 +1,5 @@
 import { VStack } from '@navikt/ds-react'
+import { ListeUtenPunkt } from '../../../felleskomponenter/Liste.tsx'
 import { Tekst } from '../../../felleskomponenter/typografi.tsx'
 import { HøyrekolonnePanel } from '../HøyrekolonnePanel.tsx'
 import { HistorikkHendelse } from './HistorikkHendelse'
@@ -13,7 +14,7 @@ export function Historikk() {
       loading={isLoading && 'Henter historikk...'}
     >
       {hendelser.length > 0 ? (
-        <VStack as="ul" gap="3">
+        <VStack as={ListeUtenPunkt}>
           {hendelser.map((it) => (
             <HistorikkHendelse key={it.id} {...it} />
           ))}

client/src/saksbilde/høyrekolonne/hjelpemiddeloversikt/Hjelpemiddeloversikt.tsx

@@ -11,6 +11,7 @@ import { useSak } from '../../useSak'
 import { HøyrekolonneInnslag } from '../HøyrekolonneInnslag.tsx'
 import { HøyrekolonnePanel } from '../HøyrekolonnePanel.tsx'
 import { useHjelpemiddeloversikt } from './useHjelpemiddeloversikt'
+import { ListeUtenPunkt } from '../../../felleskomponenter/Liste.tsx'
 
 export function Hjelpemiddeloversikt() {
   const { sak } = useSak()
@@ -29,7 +30,7 @@ export function Hjelpemiddeloversikt() {
     >
       {isFromVedtak && <Tekst spacing>Per {formaterDato(sak?.data.vedtak?.vedtaksdato)}, da vedtaket ble gjort</Tekst>}
       {artikler.length > 0 ? (
-        <VStack as="ul" gap="3">
+        <VStack as={ListeUtenPunkt} gap="3">
           {artiklerByKategori.map(([kategori, artikler]) => (
             <HøyrekolonneInnslag key={kategori}>
               <Label size="small">{kategori}</Label>

client/src/saksbilde/høyrekolonne/notat/Saksnotater.tsx

@@ -8,6 +8,7 @@ import { HøyrekolonnePanel } from '../HøyrekolonnePanel.tsx'
 import { LagreSaksnotatForm } from './LagreSaksnotatForm'
 import { SlettSaksnotatModal } from './SlettSaksnotatModal'
 import { useSaksnotater } from './useSaksnotater'
+import { ListeUtenPunkt } from '../../../felleskomponenter/Liste.tsx'
 
 export interface SaksnotaterProps {
   sakId?: string
@@ -29,7 +30,7 @@ export function Saksnotater(props: SaksnotaterProps) {
       <VStack gap="5">
         {!lesevisning && <LagreSaksnotatForm sakId={sakId} mutate={mutate} />}
         {notater.length ? (
-          <VStack as="ul" gap="5" title="Notater">
+          <VStack as={ListeUtenPunkt} gap="5" title="Notater">
             {notater.map((notat) => (
               <Box
                 key={notat.id || notat.opprettet}

client/src/tilgang/useSaksbehandlerKanRedigereBarnebrillesak.ts

@@ -1,5 +1,3 @@
-import { useDebugValue } from 'react'
-
 import { Barnebrillesak, OppgaveStatusType, StegType } from '../types/types.internal'
 import { useSaksbehandlerErTildeltSak } from './useSaksbehandlerErTildeltSak'
 
@@ -10,6 +8,5 @@ export function useSaksbehandlerKanRedigereBarnebrillesak(sak?: Barnebrillesak):
     sak?.steg !== StegType.GODKJENNE &&
     sak?.steg !== StegType.FERDIG_BEHANDLET &&
     sak?.status !== OppgaveStatusType.AVVENTER_DOKUMENTASJON
-  useDebugValue(saksbehandlerKanRedigereBarnebrillesak)
   return saksbehandlerKanRedigereBarnebrillesak
 }