From 5994e6f8c9acfd7e98b6e289d249c4f172421a5b Mon Sep 17 00:00:00 2001
From: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Tue, 14 Dec 2021 16:04:05 +0100
Subject: [PATCH] add pre-wrap to motivation text

---
 .../slutredovisning-view.component.html                     | 6 ++++--
 .../slutredovisning-view.component.scss                     | 4 ++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/slutredovisning-view/slutredovisning-view.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/slutredovisning-view/slutredovisning-view.component.html
index 8d8157c..da87b11 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/slutredovisning-view/slutredovisning-view.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/slutredovisning-view/slutredovisning-view.component.html
@@ -6,11 +6,13 @@
         af-variation="danger"
       >
         <h3>Status: {{slutredovisning.status}}</h3>
-        <p>{{slutredovisning.motivation}}</p>
+        <p class="slutredovisning-view__motivation-text">{{slutredovisning.motivation}}</p>
       </digi-notification-alert>
       <digi-notification-alert *ngIf="!statusIsFailed(slutredovisning.status)" af-variation="info">
         <h3>Status: {{slutredovisning.status}}</h3>
-        <p *ngIf="slutredovisning.motivation">{{slutredovisning.motivation}}</p>
+        <p class="slutredovisning-view__motivation-text" *ngIf="slutredovisning.motivation">
+          {{slutredovisning.motivation}}
+        </p>
       </digi-notification-alert>
       <msfa-slutredovisning-view-description-list
         [slutredovisning]="slutredovisning"
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/slutredovisning-view/slutredovisning-view.component.scss b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/slutredovisning-view/slutredovisning-view.component.scss
index 2aba4bb..df3f8a0 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/slutredovisning-view/slutredovisning-view.component.scss
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/slutredovisning-view/slutredovisning-view.component.scss
@@ -7,6 +7,10 @@
   flex-direction: column;
   gap: $digi--layout--gutter--l;
 
+  &__motivation-text {
+    white-space: pre-wrap;
+  }
+
   &__footer {
     display: flex;
     flex-direction: column;