[Fleet Management] Fix driver overlay styling in Firefox & Safari (#90)

Author: IMinchev64

Diff for: projects/fleet-management-grid/src/app/fleet-management-grid/fleet-management-grid.component.scss

@@ -236,6 +236,7 @@ igx-card {
 
 .overlay-location-content,
 .overlay-driver-content {
+  display: flex;
   height: 48%;
   width: 100%;
   padding: 0px;
@@ -260,8 +261,6 @@ igx-card {
 
 .driver-block-container {
   display: flex;
-  flex-direction: row;
-  justify-self: center;
   width: 85%;
 }
 

Diff for: projects/fleet-management-grid/src/app/services/data.service.ts

@@ -17,20 +17,15 @@ export class DataService {
   private costData = COST_DATA;
   private utilizationData = UTILIZATION_DATA;
 
-  private bind: () => void;
-
   private fuelCostsCache: { [key: string]: any[] } = {};
 
   constructor() {
-    this.bind = () => {
-      this.utilizationData.forEach(vehicle => {
-        (vehicle.utilization as any).__dataIntents = {
-          "'2023'": ["SeriesTitle/2023"],
-          "'2024'": ["SeriesTitle/2024"]
-        };
-      })
-    };
-    this.bind();
+    this.utilizationData.forEach(vehicle => {
+      (vehicle.utilization as any).__dataIntents = {
+        "'2023'": ["SeriesTitle/2023"],
+        "'2024'": ["SeriesTitle/2024"]
+      };
+    })
   }
 
   public getVehiclesData() {