From 6f21b15f519ab7747787e43b8fc4e5788de54268 Mon Sep 17 00:00:00 2001
From: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date: Fri, 3 Sep 2021 13:53:43 +0200
Subject: [PATCH] Small copy-changes

---
 .../administration-routing.module.ts          |  8 ++-----
 .../employee-card.component.html              | 12 ++++++----
 .../edit-employee-form.component.html         | 12 +---------
 .../employee-invite.component.html            |  4 ++--
 .../employees-list.component.html             | 17 ++++++++++----
 .../employees-list.component.scss             |  7 +++++-
 .../employees-list.component.ts               |  2 +-
 .../pages/employees/employees.component.html  | 23 +++++++++++--------
 .../pages/employees/employees.component.scss  |  9 ++++----
 .../deltagare-list.component.ts               |  2 +-
 .../pages/deltagare/deltagare.component.html  | 14 ++++++-----
 .../pages/deltagare/deltagare.component.scss  |  4 ++++
 .../src/app/pages/start/start.component.html  | 19 +++------------
 .../src/app/shared/constants/navigation.ts    |  8 +++----
 .../src/app/shared/enums/role.enum.ts         |  2 +-
 .../src/app/shared/models/role.model.ts       | 12 +++++-----
 .../utils/map-paths-to-breadcrumbs.util.ts    |  8 +++----
 apps/mina-sidor-fa/src/index.html             |  2 +-
 apps/mina-sidor-fa/src/styles/styles.scss     |  4 ++++
 19 files changed, 87 insertions(+), 82 deletions(-)

diff --git a/apps/mina-sidor-fa/src/app/pages/administration/administration-routing.module.ts b/apps/mina-sidor-fa/src/app/pages/administration/administration-routing.module.ts
index 139d925..9be8fc5 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/administration-routing.module.ts
+++ b/apps/mina-sidor-fa/src/app/pages/administration/administration-routing.module.ts
@@ -16,15 +16,11 @@ const routes: Routes = [
     loadChildren: () => import('./pages/employee-card/employee-card.module').then(m => m.EmployeeCardModule),
   },
   {
-    path: 'skapa-konto',
-    loadChildren: () => import('./pages/employee-form/employee-form.module').then(m => m.EmployeeFormModule),
-  },
-  {
-    path: 'bjuda-in',
+    path: 'skapa-personalkonto',
     loadChildren: () => import('./pages/employee-invite/employee-invite.module').then(m => m.EmployeeInviteModule),
   },
   {
-    path: 'redigera-konto/:employeeId',
+    path: 'redigera-personalkonto/:employeeId',
     loadChildren: () => import('./pages/employee-form/employee-form.module').then(m => m.EmployeeFormModule),
   },
 ];
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-card/employee-card.component.html b/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-card/employee-card.component.html
index 39ca6cc..480af9e 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-card/employee-card.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-card/employee-card.component.html
@@ -2,7 +2,7 @@
   <section class="employee-card">
     <digi-typography *ngIf="employee$ | async as employee; else loadingRef">
       <header class="employee-card__header">
-        <a class="employee-card__edit-button" [routerLink]="['/administration/redigera-konto', employee.id]"
+        <a class="employee-card__edit-button" [routerLink]="['/administration/redigera-personalkonto', employee.id]"
           >Redigera</a
         >
         <h1>{{ employee.fullName }}</h1>
@@ -32,9 +32,10 @@
         </div>
         <div class="employee-card__column">
           <h2>Tjänst</h2>
-          <ul class="employee-card__list" *ngIf="employee.tjanster.length; else emptyText">
+          <ul class="employee-card__list" *ngIf="employee.tjanster.length">
             <li *ngFor="let tjanst of employee.tjanster">{{ tjanst.name }}</li>
           </ul>
+          <p *ngIf="!employee.tjanster.length">Kontot har inga registrerade tjänster ännu.</p>
         </div>
         <div class="employee-card__utforandeverksamheter">
           <h2>Utförande verksamheter och utförande adresser</h2>
@@ -42,8 +43,8 @@
             Kontot har behörighet till alla utförande verksamheter och utförande adresser inom organisationen.
           </p>
           <ng-template #specificUtforandeVerksamheter>
-            <div class="employee-card__utforandeverksamheter-cards">
-              <ng-container *ngIf="employee.utforandeVerksamhet?.length; else emptyText">
+            <div *ngIf="employee.utforandeVerksamhet?.length" class="employee-card__utforandeverksamheter-cards">
+              <ng-container>
                 <digi-info-card
                   *ngFor="let utforandeverksamhet of employee.utforandeVerksamhet"
                   [afHeading]="utforandeverksamhet.namn"
@@ -70,6 +71,9 @@
                 </digi-info-card>
               </ng-container>
             </div>
+            <p *ngIf="!employee.utforandeVerksamhet.length">
+              Kontot har inga registrerade utförande verksamheter eller utförande adresser ännu.
+            </p>
           </ng-template>
         </div>
         <div class="employee-card__column">
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-form/edit-employee-form/edit-employee-form.component.html b/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-form/edit-employee-form/edit-employee-form.component.html
index d7cde11..a36c9e0 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-form/edit-employee-form/edit-employee-form.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-form/edit-employee-form/edit-employee-form.component.html
@@ -46,7 +46,7 @@
       <div class="edit-employee-form__choose_all-utforande-verksamh">
         <digi-ng-form-checkbox
           [formControlName]="toggleAllUtforandeVerksamhetFormControlName"
-          [afLabel]="'Välj alla utförade verksamheter och alla utförande adresser'"
+          [afLabel]="'Välj alla utförande verksamheter och alla utförande adresser'"
           (afOnChange)="toggleAllUtforandeVerksamheter($event)"
         >
         </digi-ng-form-checkbox>
@@ -121,16 +121,6 @@
     verksamheter och adresser som tilldelats dem i systemet. De kommer även att se startsidan.
   </p>
 
-  <h3>Basanvändare</h3>
-  <p>
-    All personal som är tillagd i systemet har en basanvändarroll. Den innebär endast att personalen kan logga in i
-    systemet. Behörigheten går inte att välja bort.
-  </p>
-  <p>Behörigheten ger tillgång till följande funktioner:</p>
-  <ul>
-    <li>Inloggning</li>
-  </ul>
-
   <h3>Administrera behörigheter</h3>
   <p>
     Behörigheten passar personal som ska administrera behörigheter i systemet. Behörigheten bör begränsas till ett fåtal
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.html b/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.html
index 4e70941..99360f6 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.html
@@ -1,8 +1,8 @@
 <msfa-layout>
   <section class="employee-invite">
     <digi-typography>
-      <h1>Skapa nytt personalkonto</h1>
-      <p>Så här skapar du ett nytt personalkonto:</p>
+      <h1>Skapa personalkonto</h1>
+      <p>Så här skapar du ett personalkonto:</p>
       <ol>
         <li>Skicka en inbjudningslänk till personalens e-postadress.</li>
         <li>Personalen öppnar inbjudningslänken via sin e-post och skapar ett personalkonto med sitt Bank-ID.</li>
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html
index 0e001ee..1dd580c 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html
@@ -28,23 +28,32 @@
       </thead>
       <tbody>
         <tr class="employees-list__row" *ngFor="let employee of employees">
-          <th scope="row">
+          <th style="white-space: nowrap" scope="row">
             <a [routerLink]="employee.id" class="employees-list__link">{{ employee.fullName }}</a>
           </th>
-          <td>
-            <ng-container *ngIf="employee.tjanster.length; else emptyText">
+          <!-- <ng-container
+            *ngIf="employee?.tjanster?.length && employee?.utforandeVerksamheter?.length; else noPermissions"
+          > -->
+          <td style="white-space: nowrap">
+            <ng-container *ngIf="employee.tjanster.length">
               {{ employee.tjanster[0] }}<ng-container *ngIf="employee.tjanster.length > 1">
                 (+{{employee.tjanster.length - 1}})</ng-container
               >
             </ng-container>
+            <ng-container *ngIf="!employee.tjanster.length"> Tjänst saknas </ng-container>
           </td>
           <td>
-            <ng-container *ngIf="employee.utforandeVerksamheter.length; else emptyText">
+            <ng-container *ngIf="employee.utforandeVerksamheter.length">
               {{ employee.utforandeVerksamheter[0] }}<ng-container *ngIf="employee.utforandeVerksamheter.length > 1">
                 (+{{employee.utforandeVerksamheter.length - 1}})</ng-container
               >
             </ng-container>
+            <ng-container *ngIf="!employee.utforandeVerksamheter.length"> Utförande verksamheter saknas </ng-container>
           </td>
+          <!-- </ng-container> -->
+          <ng-template #noPermissions>
+            <td colspan="2">Klicka på namnet för att ge personalkontot behörigheter</td>
+          </ng-template>
           <!-- <td>
             <digi-button
               af-variation="tertiary"
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.scss b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.scss
index bdbea07..472af85 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.scss
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.scss
@@ -2,7 +2,12 @@
 
 .employees-list {
   &__column-head {
-    padding: 0;
+    // padding: 0;
+  }
+
+  th,
+  td {
+    padding: $digi--layout--gutter--m $digi--layout--gutter--l;
   }
 
   &__sort-button {
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.ts b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.ts
index 156f6d7..c1b2172 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.ts
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.ts
@@ -26,7 +26,7 @@ export class EmployeesListComponent {
       key: 'tjanst',
     },
     {
-      label: 'Utförandeverksamheter',
+      label: 'Utförande verksamheter',
       key: 'utforandeVerksamhet',
     },
   ];
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.html b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.html
index 254b9f7..24cf952 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.html
@@ -1,16 +1,21 @@
 <msfa-layout>
   <section class="employees">
     <digi-typography>
-      <h1>Personal</h1>
-      <p>
-        Personallista, här finns dina medarbetare listade och sökbara. Klicka på deltagarens namn för att se mer
-        information. Du kan även skapa nya konton för medarbetare och editera behörigheter och inställningar vad
-        medarbetare har.
-      </p>
+      <header class="employees__header">
+        <h1>Hantera personalkonton</h1>
+        <p>
+          Personallistan innehåller all personal som lagts till som systemanvändare. Klicka på ett namn i personallistan
+          för att se- eller ändra personalkontots behörigheter. Skapa nya personalkonton för att lägga till personal som
+          systemanvändare.
+        </p>
 
-      <div class="employees__cta-wrapper">
-        <digi-ng-link-button afText="Skapa nytt konto" afRoute="/administration/bjuda-in"></digi-ng-link-button>
-      </div>
+        <div class="employees__cta-wrapper">
+          <digi-ng-link-button
+            afText="Skapa personalkonto"
+            afRoute="/administration/skapa-personalkonto"
+          ></digi-ng-link-button>
+        </div>
+      </header>
 
       <h2>Personallista</h2>
 
diff --git a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.scss b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.scss
index d370e13..9444daa 100644
--- a/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.scss
+++ b/apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.scss
@@ -1,6 +1,10 @@
 @import 'variables/gutters';
 
 .employees {
+  &__header {
+    margin-bottom: $digi--layout--gutter--xxl;
+  }
+
   &__cta-wrapper {
     margin-top: var(--digi--layout--gutter);
   }
@@ -9,14 +13,9 @@
     display: flex;
     flex-direction: column;
     max-width: var(--digi--typography--text--max-width);
-    margin-top: $digi--layout--gutter--l;
     margin-bottom: $digi--layout--gutter--xl;
   }
 
-  &__only-employees-without-authorization {
-    margin-top: $digi--layout--gutter--l;
-  }
-
   &__notification-alert {
     margin-top: $digi--layout--gutter--xl;
     margin-bottom: $digi--layout--gutter--xl;
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/components/deltagare-list/deltagare-list.component.ts b/apps/mina-sidor-fa/src/app/pages/deltagare/components/deltagare-list/deltagare-list.component.ts
index 9c28e27..2415604 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/components/deltagare-list/deltagare-list.component.ts
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/components/deltagare-list/deltagare-list.component.ts
@@ -24,7 +24,7 @@ export class DeltagareListComponent {
       key: 'tjanst',
     },
     {
-      label: 'Utförandeverksamhet',
+      label: 'Utförande verksamhet',
       key: 'utforandeVerksamhet',
     },
   ];
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/deltagare.component.html b/apps/mina-sidor-fa/src/app/pages/deltagare/deltagare.component.html
index f1db860..9b6fb24 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/deltagare.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/deltagare.component.html
@@ -1,15 +1,17 @@
 <msfa-layout>
   <digi-typography>
     <section class="deltagare">
-      <h1>Deltagarlista</h1>
-      <p>
-        Här ser du en lista på de deltagare som tillhör din organisation. Klicka på deltagarens namn för att öppna och
-        se mer information om deltagarna.
-      </p>
+      <header class="deltagare__header">
+        <h1>Deltagarlista</h1>
+        <p>
+          Här ser du en lista på de deltagare som tillhör din organisation. Klicka på deltagarens namn för att öppna och
+          se mer information om deltagarna.
+        </p>
+      </header>
       <div class="deltagare__filter">
         <digi-form-checkbox
           class="deltagare__only-my-deltagare"
-          af-label="Visa endast mina deltagare"
+          af-label="Visa endast mina tilldelade deltagare"
           [afChecked]="onlyMyDeltagare$ | async"
           (afOnChange)="setOnlyMyDeltagare($event.detail.target.checked)"
         ></digi-form-checkbox>
diff --git a/apps/mina-sidor-fa/src/app/pages/deltagare/deltagare.component.scss b/apps/mina-sidor-fa/src/app/pages/deltagare/deltagare.component.scss
index 8f0aaa1..08a162c 100644
--- a/apps/mina-sidor-fa/src/app/pages/deltagare/deltagare.component.scss
+++ b/apps/mina-sidor-fa/src/app/pages/deltagare/deltagare.component.scss
@@ -1,6 +1,10 @@
 @import 'variables/gutters';
 
 .deltagare {
+  &__header {
+    margin-bottom: $digi--layout--gutter--xxl;
+  }
+
   &__filter {
     margin: $digi--layout--gutter--l 0;
   }
diff --git a/apps/mina-sidor-fa/src/app/pages/start/start.component.html b/apps/mina-sidor-fa/src/app/pages/start/start.component.html
index b3fdacc..bb88357 100644
--- a/apps/mina-sidor-fa/src/app/pages/start/start.component.html
+++ b/apps/mina-sidor-fa/src/app/pages/start/start.component.html
@@ -1,7 +1,7 @@
 <msfa-layout>
   <section class="start">
     <digi-typography>
-      <h1>Välkommen till Mina Sidor FA</h1>
+      <h1>Välkommen till Mina Sidor för fristående aktörer</h1>
       <p>Här finner du de senaste nyheterna om uppdateringar, notiser och mer.</p>
     </digi-typography>
     <div class="start__wrapper">
@@ -16,21 +16,8 @@
         </digi-info-card>
       </div>
 
-      <div class="start__alerts">
-        <digi-notification-alert af-variation="info" af-heading="Viktig information" af-heading-level="h2">
-          <p>Large alert! Check the knobs section and play around!</p>
-        </digi-notification-alert>
-        <digi-notification-alert af-variation="success" af-heading="Allt gick bra" af-heading-level="h2">
-          <p>Dina skickade tilldelningar har nått fram till handledare som godkänt och arbetat vidare med deltagarna</p>
-        </digi-notification-alert>
-      </div>
-      <div class="start__statistics">
-        <digi-info-card af-heading="Statistik" af-heading-level="h2" af-type="info">
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores dolores debitis enim. Voluptatum debitis
-          necessitatibus, distinctio expedita officiis maiores eum sapiente molestiae eveniet soluta dolores non, porro
-          quo vitae tenetur?
-        </digi-info-card>
-      </div>
+      <div class="start__alerts"></div>
+      <div class="start__statistics"></div>
     </div>
   </section>
 </msfa-layout>
diff --git a/apps/mina-sidor-fa/src/app/shared/constants/navigation.ts b/apps/mina-sidor-fa/src/app/shared/constants/navigation.ts
index 78cea13..af5cb52 100644
--- a/apps/mina-sidor-fa/src/app/shared/constants/navigation.ts
+++ b/apps/mina-sidor-fa/src/app/shared/constants/navigation.ts
@@ -1,10 +1,10 @@
 export const NAVIGATION = {
   administration: 'Administration',
-  personal: 'Hantera personal',
-  'redigera-konto': 'Redigera personal',
-  deltagare: 'Deltagare',
+  personal: 'Hantera personalkonton',
+  'redigera-personalkonto': 'Redigera personalkonto',
+  deltagare: 'Deltagarlista',
   'nya-deltagare': 'Nya deltagare',
   'planera-aktiviteter': 'Planera aktiviteter',
   'mitt-konto': 'Mitt konto',
-  'bjuda-in': 'Bjuda in personal',
+  'skapa-personalkonto': 'Skapa personalkonto',
 };
diff --git a/apps/mina-sidor-fa/src/app/shared/enums/role.enum.ts b/apps/mina-sidor-fa/src/app/shared/enums/role.enum.ts
index c11c713..b3c08eb 100644
--- a/apps/mina-sidor-fa/src/app/shared/enums/role.enum.ts
+++ b/apps/mina-sidor-fa/src/app/shared/enums/role.enum.ts
@@ -2,5 +2,5 @@ export enum RoleEnum {
   MSFA_AuthAdmin = 'MSFA_AuthAdmin',
   MSFA_ReceiveDeltagare = 'MSFA_ReceiveDeltagare',
   MSFA_ReportAndPlanning = 'MSFA_ReportAndPlanning',
-  MSFA_Standard = 'MSFA_Standard', // Default role
+  // MSFA_Standard = 'MSFA_Standard', // Default role
 }
diff --git a/apps/mina-sidor-fa/src/app/shared/models/role.model.ts b/apps/mina-sidor-fa/src/app/shared/models/role.model.ts
index 49a06e5..39e0e67 100644
--- a/apps/mina-sidor-fa/src/app/shared/models/role.model.ts
+++ b/apps/mina-sidor-fa/src/app/shared/models/role.model.ts
@@ -7,11 +7,11 @@ export interface Role {
 
 export function mapRoleResponseToRoleObject(type: string): Role {
   switch (type) {
-    case 'MSFA_Standard':
-      return {
-        name: 'Basanvändare',
-        type: RoleEnum[type],
-      };
+    // case 'MSFA_Standard':
+    //   return {
+    //     name: 'Basanvändare',
+    //     type: RoleEnum[type],
+    //   };
     case 'MSFA_ReportAndPlanning':
       return {
         name: 'Rapportering, planering och information om deltagare',
@@ -28,6 +28,6 @@ export function mapRoleResponseToRoleObject(type: string): Role {
         type: RoleEnum[RoleEnum[type]],
       };
     default:
-      return;
+      return null;
   }
 }
diff --git a/apps/mina-sidor-fa/src/app/shared/utils/map-paths-to-breadcrumbs.util.ts b/apps/mina-sidor-fa/src/app/shared/utils/map-paths-to-breadcrumbs.util.ts
index 6a78bde..1714d8a 100644
--- a/apps/mina-sidor-fa/src/app/shared/utils/map-paths-to-breadcrumbs.util.ts
+++ b/apps/mina-sidor-fa/src/app/shared/utils/map-paths-to-breadcrumbs.util.ts
@@ -14,13 +14,13 @@ export function mapPathsToBreadcrumbs(
   ];
 
   if (isEmployeeCardRoute(paths)) {
-    breadcrumbs[breadcrumbs.length - 1].text = 'Personal information';
+    breadcrumbs[breadcrumbs.length - 1].text = 'Personalkonto';
   } else if (isEmployeeEditRoute(paths)) {
     breadcrumbs[breadcrumbs.length - 2] = {
-      text: 'Hantera personal',
+      text: 'Hantera personalkonton',
       routerLink: '/administration/personal',
     };
-    breadcrumbs[breadcrumbs.length - 1].text = 'Redigera konto';
+    breadcrumbs[breadcrumbs.length - 1].text = 'Redigera personalkonto';
   } else if (isParticipantCardRoute(paths)) {
     breadcrumbs[breadcrumbs.length - 1].text = 'Deltagarinformation';
   }
@@ -32,7 +32,7 @@ function isEmployeeCardRoute(paths: string[]): boolean {
 }
 
 function isEmployeeEditRoute(paths: string[]): boolean {
-  return paths.length === 3 && paths[1] === 'redigera-konto';
+  return paths.length === 3 && paths[1] === 'redigera-personalkonto';
 }
 
 function isParticipantCardRoute(paths: string[]): boolean {
diff --git a/apps/mina-sidor-fa/src/index.html b/apps/mina-sidor-fa/src/index.html
index 6c7f8da..54f4ab7 100644
--- a/apps/mina-sidor-fa/src/index.html
+++ b/apps/mina-sidor-fa/src/index.html
@@ -2,7 +2,7 @@
 <html lang="sv">
   <head>
     <meta charset="utf-8" />
-    <title>Mina sidor FA</title>
+    <title>Mina sidor för fristående aktörer</title>
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="assets/favicon.png" />
diff --git a/apps/mina-sidor-fa/src/styles/styles.scss b/apps/mina-sidor-fa/src/styles/styles.scss
index f3c7da1..d7dbca5 100644
--- a/apps/mina-sidor-fa/src/styles/styles.scss
+++ b/apps/mina-sidor-fa/src/styles/styles.scss
@@ -61,6 +61,10 @@ dl {
 .digi-ng-dialog-base__content {
   max-height: 90vh;
   overflow-x: auto;
+
+  .digi-ng-dialog__inner {
+    width: initial !important;
+  }
 }
 
 .msfa {