From 47306612e0a5bc1c482737aaed96262ef0ba25cf Mon Sep 17 00:00:00 2001
From: Andre Groseth <andregroseth@hotmail.com>
Date: Tue, 10 Dec 2024 13:53:51 +0100
Subject: [PATCH] Update: PvkDokumentPage component max width

---
 .../PvkDokument/BehandlingensArtOgOmfangView.tsx   |  8 ++++----
 .../PvkDokument/InnvolveringAvEksterneView.tsx     | 14 ++++++++++----
 .../risikoscenario/RisikoscenarioAccordianList.tsx |  2 +-
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/apps/frontend/src/components/PvkDokument/BehandlingensArtOgOmfangView.tsx b/apps/frontend/src/components/PvkDokument/BehandlingensArtOgOmfangView.tsx
index 5e7385480..a45e1748d 100644
--- a/apps/frontend/src/components/PvkDokument/BehandlingensArtOgOmfangView.tsx
+++ b/apps/frontend/src/components/PvkDokument/BehandlingensArtOgOmfangView.tsx
@@ -91,14 +91,14 @@ export const BehandlingensArtOgOmfangView = (props: IProps) => {
             )}
           </Field>
 
-          <ReadMore className="mt-5" header="Hvordan kan vi komme med gode estimater?">
+          <ReadMore className="mt-5 max-w-[75ch]" header="Hvordan kan vi komme med gode estimater?">
             Det blir ofte vanskelig å tallfeste noen personkategorier, for eksempel når det er snakk
             om antall brukere eller saksbehandlere. Det er tilstrekkelig å oppgi ca. antall. Hvis du
             er usikker på hvor du faktisk finner tall på hvor mange som kan ha tilgang, kan du …
             [good advice goes here]
           </ReadMore>
 
-          <div className="mt-3">
+          <div className="mt-5 max-w-[75ch]">
             <TextAreaField
               rows={3}
               noPlaceholder
@@ -107,7 +107,7 @@ export const BehandlingensArtOgOmfangView = (props: IProps) => {
             />
           </div>
 
-          <div className="mt-3">
+          <div className="mt-5 max-w-[75ch]">
             <TextAreaField
               rows={3}
               noPlaceholder
@@ -116,7 +116,7 @@ export const BehandlingensArtOgOmfangView = (props: IProps) => {
             />
           </div>
 
-          <div className="mt-3">
+          <div className="mt-5 max-w-[75ch]">
             <TextAreaField
               rows={3}
               noPlaceholder
diff --git a/apps/frontend/src/components/PvkDokument/InnvolveringAvEksterneView.tsx b/apps/frontend/src/components/PvkDokument/InnvolveringAvEksterneView.tsx
index 5a0174cde..b00ec2ec0 100644
--- a/apps/frontend/src/components/PvkDokument/InnvolveringAvEksterneView.tsx
+++ b/apps/frontend/src/components/PvkDokument/InnvolveringAvEksterneView.tsx
@@ -99,7 +99,10 @@ export const InnvolveringAvEksterneView = (props: IProps) => {
             det være til hjelp å se på behandlingens livsløp.
           </BodyLong>
 
-          <ReadMore className="my-8" header="Slik kan dere involvere de forskjellige gruppene">
+          <ReadMore
+            className="my-8 max-w-[75ch]"
+            header="Slik kan dere involvere de forskjellige gruppene"
+          >
             Et eller annet fornuftig råd her om f. eks. høre med Sentral brukerutvalg … osv. [Lenke
             til brosjyre på Navet]
           </ReadMore>
@@ -112,7 +115,7 @@ export const InnvolveringAvEksterneView = (props: IProps) => {
             />
           </div>
 
-          <div className="mt-5">
+          <div className="mt-5 max-w-[75ch]">
             <TextAreaField
               rows={3}
               noPlaceholder
@@ -163,7 +166,10 @@ export const InnvolveringAvEksterneView = (props: IProps) => {
             personvernkonsekvenser (PVK).
           </BodyLong>
 
-          <ReadMore className="mt-3" header="Trenger vi å snakke direkte med databehandlere?">
+          <ReadMore
+            className="mt-3 max-w-[75ch]"
+            header="Trenger vi å snakke direkte med databehandlere?"
+          >
             Noe her om hvor grensa går, særlig mtp avtaler som NAV kan ha med store aktører — IT og
             Anskaffelse har egne sider som vi ev. kunne lenke til.
           </ReadMore>
@@ -176,7 +182,7 @@ export const InnvolveringAvEksterneView = (props: IProps) => {
             />
           </div>
 
-          <div className="mt-3">
+          <div className="mt-3 max-w-[75ch]">
             <TextAreaField
               rows={3}
               noPlaceholder
diff --git a/apps/frontend/src/components/PvkDokument/risikoscenario/RisikoscenarioAccordianList.tsx b/apps/frontend/src/components/PvkDokument/risikoscenario/RisikoscenarioAccordianList.tsx
index 8a31edb1e..f9e246ab1 100644
--- a/apps/frontend/src/components/PvkDokument/risikoscenario/RisikoscenarioAccordianList.tsx
+++ b/apps/frontend/src/components/PvkDokument/risikoscenario/RisikoscenarioAccordianList.tsx
@@ -24,7 +24,7 @@ export const RisikoscenarioAccordianList = (props: IProps) => {
 
   return (
     <div>
-      <Accordion>
+      <Accordion className="max-w-[75ch]">
         {risikoscenarioList.map((risikoscenario, index) => (
           <Accordion.Item
             defaultOpen={defaultOpen}