From 90a95b2d603fa9d643efa243ab12a96e6eec3f20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ole=20Steinar=20Lillest=C3=B8l=20Skrede?=
 <ole.steinar.lillestol.skrede@nav.no>
Date: Tue, 23 Jul 2024 11:52:17 +0200
Subject: [PATCH] =?UTF-8?q?juster=20gap=20mellom=20tilbeh=C3=B8rdetaljer?=
 =?UTF-8?q?=20og=20-begrunnelse?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../saksbilde/hjelpemidler/Hjelpemiddel.tsx   | 26 ++++++++-----------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/client/src/saksbilde/hjelpemidler/Hjelpemiddel.tsx b/client/src/saksbilde/hjelpemidler/Hjelpemiddel.tsx
index 5ad2caf8..8b213a66 100644
--- a/client/src/saksbilde/hjelpemidler/Hjelpemiddel.tsx
+++ b/client/src/saksbilde/hjelpemidler/Hjelpemiddel.tsx
@@ -167,28 +167,24 @@ export function Hjelpemiddel({ hjelpemiddel, forenkletVisning, sak }: Hjelpemidd
             <>
               <HjelpemiddelGrid key={tilbehør.hmsNr}>
                 <div style={{ paddingTop: 5 }}>{tilbehør.antall} stk</div>
-                <HStack gap="1" align="center">
-                  <strong>{tilbehør.hmsNr}</strong>
-                  <Kopiknapp tooltip="Kopier hmsnr" copyText={tilbehør.hmsNr} />
-                  {tilbehør.navn}
-                </HStack>
-                {tilbehør.begrunnelse && (
-                  <>
-                    <div />
+                <VStack>
+                  <HStack gap="1" align="center">
+                    <strong>{tilbehør.hmsNr}</strong>
+                    <Kopiknapp tooltip="Kopier hmsnr" copyText={tilbehør.hmsNr} />
+                    {tilbehør.navn}
+                  </HStack>
+                  {tilbehør.begrunnelse && (
                     <Fremhevet>
                       <Etikett>Begrunnelse</Etikett>
                       <Brødtekst>{tilbehør.begrunnelse}</Brødtekst>
                     </Fremhevet>
-                  </>
-                )}
-                {tilbehør.fritakFraBegrunnelseÅrsak === FritakFraBegrunnelseÅrsak.ER_PÅ_BESTILLINGSORDNING && (
-                  <>
-                    <div />
+                  )}
+                  {tilbehør.fritakFraBegrunnelseÅrsak === FritakFraBegrunnelseÅrsak.ER_PÅ_BESTILLINGSORDNING && (
                     <Fremhevet>
                       <Brødtekst>Begrunnelse ikke påkrevd fordi tilbehøret er på bestillingsordningen.</Brødtekst>
                     </Fremhevet>
-                  </>
-                )}
+                  )}
+                </VStack>
               </HjelpemiddelGrid>
             </>
           ))}