RED-4013: Fixed dashboard in Firefox

apps/red-ui/src/app/modules/shared/components/donut-chart/donut-chart.component.scss

@@ -25,6 +25,10 @@
     }
 }
 
+.donut-chart {
+    flex-shrink: 0;
+}
+
 .text-container {
     position: absolute;
     display: flex;

apps/red-ui/src/app/services/dossier-templates/dashboard-stats.service.ts

@@ -6,6 +6,16 @@ import { Observable } from 'rxjs';
 import { map, switchMap, tap } from 'rxjs/operators';
 import { DossierStatesService } from '@services/entity-services/dossier-states.service';
 
+const templatesSorter = (a: DashboardStats, b: DashboardStats) => {
+    if (a.numberOfActiveDossiers > 0 && b.numberOfActiveDossiers === 0) {
+        return -1;
+    } else if (a.numberOfActiveDossiers === 0 && b.numberOfActiveDossiers > 0) {
+        return 1;
+    } else {
+        return 0;
+    }
+};
+
 @Injectable({
     providedIn: 'root',
 })
@@ -22,7 +32,7 @@ export class DashboardStatsService extends EntitiesService<DashboardStats, IDash
         return this.getAll(this._defaultModelPath).pipe(
             mapEach(entity => new DashboardStats(entity)),
             switchMap(entities => this._dossierStatesService.loadAllForAllTemplates().pipe(map(() => entities))),
-            tap(entities => entities.sort((a, b) => (a.numberOfActiveDossiers > 0 && b.numberOfActiveDossiers === 0 ? -1 : 1))),
+            tap(entities => entities.sort(templatesSorter)),
             tap(entities => this.setEntities(entities)),
         );
     }