From 33adc35b560a8e0530d0314338de51f9e5523cfc Mon Sep 17 00:00:00 2001
From: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Tue, 2 Nov 2021 16:09:37 +0100
Subject: [PATCH] =?UTF-8?q?lade=20till=20Deltagaren=20har=20inte=20deltagi?=
 =?UTF-8?q?t=20i=20n=C3=A5gra=20aktiviteter=20denna=20period=20under=20per?=
 =?UTF-8?q?iodisk=20redovisning=20view?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../periodisk-redovisning-view.component.html | 22 ++++++++++---------
 .../periodisk-redovisning-view.component.scss |  7 ------
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.html
index 98b0931..8c32f76 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.html
@@ -15,17 +15,19 @@
         <dd>{{report.hasOfferedJob ? 'Ja' : 'Nej' }}</dd>
 
         <dt>Aktiviteter</dt>
-        <dd>
-          <ul class="periodisk-redovisning-view__activity-list">
-            <li class="periodisk-redovisning-view__activity-item" *ngFor="let activity of report.activities">
-              <digi-icon-check-circle
-                class="msfa__digi-icon periodisk-redovisning-view__activity-check"
-                aria-hidden="true"
-              ></digi-icon-check-circle>
-              {{getActivityInfoAsString(activity)}}
-            </li>
-          </ul>
+
+        <dd *ngIf="report.activities.length === 0; else activityList">
+          Deltagaren har inte deltagit i några aktiviteter denna period
         </dd>
+        <ng-template #activityList>
+          <dd *ngFor="let activity of report.activities" class="periodisk-redovisning-view__activity-item">
+            <digi-icon-check-circle
+              class="msfa__digi-icon periodisk-redovisning-view__activity-check"
+              aria-hidden="true"
+            ></digi-icon-check-circle>
+            <span>{{getActivityInfoAsString(activity)}}</span>
+          </dd>
+        </ng-template>
       </dl>
       <footer class="periodisk-redovisning-view__footer">
         <msfa-back-link route="../../">Tillbaka till deltagaren</msfa-back-link>
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.scss b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.scss
index c513080..80b2078 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.scss
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/pages/deltagare-details/pages/report-views/periodisk-redovisning-view/periodisk-redovisning-view.component.scss
@@ -1,4 +1,3 @@
-@import 'mixins/list';
 @import 'variables/gutters';
 
 .periodisk-redovisning-view {
@@ -7,16 +6,10 @@
   flex-direction: column;
   gap: $digi--layout--gutter--l;
 
-  &__activity-list {
-    @include msfa__reset-list;
-    margin-bottom: var(--digi--layout--gutter--s);
-  }
-
   &__activity-item {
     display: flex;
     align-items: center;
     gap: var(--digi--layout--gutter--s);
-    margin-top: var(--digi--layout--gutter--s);
   }
 
   &__activity-check {