Layoutjusteringer

Author: frodehansen2

apps/dine-pleiepenger/src/components/process/process.css

@@ -31,10 +31,12 @@
     border-color: var(--a-deepblue-800);
 }
 .process__item__variant--CURRENT {
-    background-color: var(--a-deepblue-100);
+    background-color: var(--a-deepblue-50);
     z-index: 2;
     position: relative;
     opacity: 1;
+    padding-bottom: 0.75rem;
+    margin-top: 0.75rem;
 }
 .process__item__variant--WARNING {
     background-color: var(--a-orange-100);
@@ -68,7 +70,7 @@
     border-style: solid;
     display: block;
     opacity: 1;
-    margin-top: -1rem;
+    margin-top: -0.5rem;
     min-height: 1.5rem;
 }
 process__line--1--continuation {
@@ -98,7 +100,7 @@ process__line--1--continuation {
     justify-content: flex-start;
     text-decoration: none;
     padding: var(--process-border-width);
-    margin: calc(var(--process-border-width) * -1) calc(var(--process-border-width) * -1) 1.25rem;
+    margin: calc(var(--process-border-width) * -1) calc(var(--process-border-width) * -1) 1rem;
 }
 
 .process__circle {

apps/dine-pleiepenger/src/components/saksbehandlingstid/Saksbehandlingstid.tsx

@@ -26,11 +26,7 @@ const getFristTekst = (frist: Date, venteårsak?: Venteårsak): React.ReactNode
                     id="svarfrist.generellFrist"
                     values={{
                         frist: dateFormatter.full(frist),
-                        dato: (chunk) => (
-                            <div>
-                                <strong>{chunk}</strong>
-                            </div>
-                        ),
+                        dato: (chunk) => <strong>{chunk}</strong>,
                     }}
                 />
             );

apps/dine-pleiepenger/src/components/status-i-sak/StatusISak.tsx

@@ -46,7 +46,7 @@ const StatusISak: React.FunctionComponent<Props> = ({ sak, visAlleHendelser, tit
                     </Switch>
                 </Box>
             ) : null}
-            <Box padding="4" className="bg-white pb-0">
+            <Box className="bg-white p-6 pb-0">
                 <Process>
                     {visibleSteps.map((step, idx) => {
                         const headingId = `process-heading-${idx}`;

apps/dine-pleiepenger/src/components/venteårsak-melding/VenteårsakMelding.tsx

@@ -16,7 +16,7 @@ const VenteårsakMelding: React.FunctionComponent<Props> = ({ venteårsak }) =>
             return (
                 <>
                     <Alert variant="warning">
-                        <Heading level="2" size="medium" className="text-gray-900">
+                        <Heading level="2" size="small" className="text-gray-900">
                             <Msg id="venteårsakMelding.legeerklæring.tittel" />
                         </Heading>
                         <BodyLong className="mb-2 mt-2">

apps/dine-pleiepenger/src/style/global.css

@@ -21,10 +21,3 @@
 .navds-alert .navds-heading {
     color: var(--a-gray-900);
 }
-
-.process__item--current .navds-link {
-    color: var(--a-gray-900);
-}
-.process__item--current .navds-link:focus-visible {
-    color: white;
-}