Chore: Update to Angular 7.1.0, Angular Material 7.1.0 and Angular Flex Layout 7.0.0-beta.19

Fix: Prod build will now build properly
TODO: The width of content is very less and everything is squashed

overlord/src/app/account/account.module.ts

@@ -19,13 +19,12 @@ import {
 } from '@angular/material';
 import {CdkTableModule} from '@angular/cdk/table';
 import {ReactiveFormsModule} from '@angular/forms';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 @NgModule({
   imports: [
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatTableModule,
     MatPaginatorModule,

overlord/src/app/app.module.ts

@@ -65,6 +65,7 @@ import {SettingsModule} from './settings/settings.module';
 import {AttendanceModule} from './attendance/attendance.module';
 import {EmployeeAttendanceModule} from './employee-attendance/employee-attendance.module';
 import {RawMaterialCostModule} from './raw-material-cost/raw-material-cost.module';
+import {FlexLayoutModule} from "@angular/flex-layout";
 
 registerLocaleData(enIN);
 
@@ -79,6 +80,7 @@ registerLocaleData(enIN);
   imports: [
     BrowserModule,
     BrowserAnimationsModule,
+    FlexLayoutModule.withConfig({useColumnBasisZero: true}),
     HttpClientModule,
     LayoutModule,
     MatButtonModule,

overlord/src/app/attendance/attendance.module.ts

@@ -28,7 +28,7 @@ import {AttendanceRoutingModule} from './attendance-routing.module';
 import {AttendanceComponent} from './attendance.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -47,7 +47,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/balance-sheet/balance-sheet.module.ts

@@ -21,7 +21,7 @@ import {CdkTableModule} from '@angular/cdk/table';
 import {BalanceSheetRoutingModule} from './balance-sheet-routing.module';
 import {BalanceSheetComponent} from './balance-sheet.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 import {ReactiveFormsModule} from '@angular/forms';
 
 export const MY_FORMATS = {
@@ -40,7 +40,6 @@ export const MY_FORMATS = {
   imports: [
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatButtonModule,
     MatCardModule,

overlord/src/app/cash-flow/cash-flow.module.ts

@@ -21,7 +21,7 @@ import {CdkTableModule} from '@angular/cdk/table';
 import {CashFlowRoutingModule} from './cash-flow-routing.module';
 import {CashFlowComponent} from './cash-flow.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 import {ReactiveFormsModule} from '@angular/forms';
 
 export const MY_FORMATS = {
@@ -40,7 +40,6 @@ export const MY_FORMATS = {
   imports: [
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatButtonModule,
     MatCardModule,

overlord/src/app/client/client.module.ts

@@ -17,14 +17,13 @@ import {
 } from '@angular/material';
 import {CdkTableModule} from '@angular/cdk/table';
 import {SharedModule} from '../shared/shared.module';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 import {ReactiveFormsModule} from '@angular/forms';
 
 @NgModule({
   imports: [
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatButtonModule,
     MatCardModule,

overlord/src/app/closing-stock/closing-stock.module.ts

@@ -22,7 +22,7 @@ import {ClosingStockRoutingModule} from './closing-stock-routing.module';
 import {ClosingStockComponent} from './closing-stock.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 import {ReactiveFormsModule} from '@angular/forms';
 
 export const MY_FORMATS = {
@@ -42,7 +42,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatButtonModule,
     MatCardModule,

overlord/src/app/cost-centre/cost-centre.module.ts

@@ -16,13 +16,12 @@ import {
 } from '@angular/material';
 import {CdkTableModule} from '@angular/cdk/table';
 import {ReactiveFormsModule} from '@angular/forms';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 @NgModule({
   imports: [
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatButtonModule,
     MatCardModule,

overlord/src/app/daybook/daybook.module.ts

@@ -25,7 +25,7 @@ import {DaybookRoutingModule} from './daybook-routing.module';
 import {DaybookComponent} from './daybook.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -44,7 +44,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/employee-attendance/employee-attendance.module.ts

@@ -28,7 +28,7 @@ import {EmployeeAttendanceRoutingModule} from './employee-attendance-routing.mod
 import {EmployeeAttendanceComponent} from './employee-attendance.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -47,7 +47,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/employee-benefits/employee-benefits.module.ts

@@ -20,7 +20,7 @@ import {
 import {ReactiveFormsModule} from '@angular/forms';
 import {CdkTableModule} from '@angular/cdk/table';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 import {SharedModule} from '../shared/shared.module';
 import {EmployeeBenefitsRoutingModule} from './employee-benefits-routing.module';
 import {EmployeeBenefitsComponent} from './employee-benefits.component';
@@ -42,7 +42,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/employee-functions/employee-functions.module.ts

@@ -21,7 +21,7 @@ import {
 import {ReactiveFormsModule} from '@angular/forms';
 import {CdkTableModule} from '@angular/cdk/table';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 import {SharedModule} from '../shared/shared.module';
 import {EmployeeFunctionsComponent} from './employee-functions.component';
 import {EmployeeFunctionsRoutingModule} from './employee-functions-routing.module';
@@ -31,7 +31,6 @@ import {EmployeeFunctionsRoutingModule} from './employee-functions-routing.modul
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/employee/employee.module.ts

@@ -21,13 +21,12 @@ import {
 } from '@angular/material';
 import {CdkTableModule} from '@angular/cdk/table';
 import {ReactiveFormsModule} from '@angular/forms';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 @NgModule({
   imports: [
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatTableModule,
     MatPaginatorModule,

overlord/src/app/group/group.module.ts

@@ -19,13 +19,12 @@ import {
 import {CdkTableModule} from '@angular/cdk/table';
 import {ReactiveFormsModule} from '@angular/forms';
 import {SharedModule} from '../shared/shared.module';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 @NgModule({
   imports: [
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatButtonModule,
     MatCardModule,

overlord/src/app/incentive/incentive.module.ts

@@ -27,7 +27,7 @@ import {IncentiveRoutingModule} from './incentive-routing.module';
 import {IncentiveComponent} from './incentive.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -46,7 +46,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/issue/issue.module.ts

@@ -28,7 +28,7 @@ import {IssueComponent} from './issue.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
 import {IssueDialogComponent} from './issue-dialog.component';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -47,7 +47,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/journal/journal.module.ts

@@ -28,7 +28,7 @@ import {JournalComponent} from './journal.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
 import {JournalDialogComponent} from './journal-dialog.component';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -47,7 +47,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/ledger/ledger.module.ts

@@ -25,7 +25,7 @@ import {LedgerRoutingModule} from './ledger-routing.module';
 import {LedgerComponent} from './ledger.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -44,7 +44,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/net-transactions/net-transactions.module.ts

@@ -25,7 +25,7 @@ import {NetTransactionsRoutingModule} from './net-transactions-routing.module';
 import {NetTransactionsComponent} from './net-transactions.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -44,7 +44,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/payment/payment.module.ts

@@ -28,7 +28,7 @@ import {PaymentComponent} from './payment.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
 import {PaymentDialogComponent} from './payment-dialog.component';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -47,7 +47,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/product-group/product-group.module.ts

@@ -15,14 +15,13 @@ import {
   MatTableModule
 } from '@angular/material';
 import {CdkTableModule} from '@angular/cdk/table';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 import {ReactiveFormsModule} from '@angular/forms';
 
 @NgModule({
   imports: [
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatTableModule,
     MatPaginatorModule,

overlord/src/app/product-ledger/product-ledger.module.ts

@@ -25,7 +25,7 @@ import {ProductLedgerRoutingModule} from './product-ledger-routing.module';
 import {ProductLedgerComponent} from './product-ledger.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -44,7 +44,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/product/product.module.ts

@@ -19,13 +19,12 @@ import {
 } from '@angular/material';
 import {CdkTableModule} from '@angular/cdk/table';
 import {ReactiveFormsModule} from '@angular/forms';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 @NgModule({
   imports: [
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatTableModule,
     MatPaginatorModule,

overlord/src/app/profit-loss/profit-loss.module.ts

@@ -25,7 +25,7 @@ import {ProfitLossRoutingModule} from './profit-loss-routing.module';
 import {ProfitLossComponent} from './profit-loss.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -44,7 +44,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/purchase-entries/purchase-entries.module.ts

@@ -25,7 +25,7 @@ import {PurchaseEntriesRoutingModule} from './purchase-entries-routing.module';
 import {PurchaseEntriesComponent} from './purchase-entries.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -44,7 +44,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/purchase-return/purchase-return.module.ts

@@ -28,7 +28,7 @@ import {PurchaseReturnComponent} from './purchase-return.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
 import {PurchaseReturnDialogComponent} from './purchase-return-dialog.component';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -47,7 +47,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/purchase/purchase.module.ts

@@ -28,7 +28,7 @@ import {PurchaseComponent} from './purchase.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
 import {PurchaseDialogComponent} from './purchase-dialog.component';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -47,7 +47,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/purchases/purchases.module.ts

@@ -25,7 +25,7 @@ import {PurchasesRoutingModule} from './purchases-routing.module';
 import {PurchasesComponent} from './purchases.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -44,7 +44,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/raw-material-cost/raw-material-cost.module.ts

@@ -25,7 +25,7 @@ import {RawMaterialCostRoutingModule} from './raw-material-cost-routing.module';
 import {RawMaterialCostComponent} from './raw-material-cost.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -44,7 +44,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/receipt/receipt.module.ts

@@ -28,7 +28,7 @@ import {ReceiptComponent} from './receipt.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
 import {ReceiptDialogComponent} from './receipt-dialog.component';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -47,7 +47,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/settings/settings.module.ts

@@ -21,7 +21,7 @@ import {
 import {ReactiveFormsModule} from '@angular/forms';
 import {CdkTableModule} from '@angular/cdk/table';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 import {SharedModule} from '../shared/shared.module';
 import {SettingsComponent} from './settings.component';
 import {SettingsRoutingModule} from './settings-routing.module';
@@ -31,7 +31,6 @@ import {SettingsRoutingModule} from './settings-routing.module';
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/stock-movement/stock-movement.module.ts

@@ -25,7 +25,7 @@ import {StockMovementRoutingModule} from './stock-movement-routing.module';
 import {StockMovementComponent} from './stock-movement.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 export const MY_FORMATS = {
   parse: {
@@ -44,7 +44,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatAutocompleteModule,
     MatButtonModule,

overlord/src/app/trial-balance/trial-balance.module.ts

@@ -22,7 +22,7 @@ import {TrialBalanceRoutingModule} from './trial-balance-routing.module';
 import {TrialBalanceComponent} from './trial-balance.component';
 import {MomentDateAdapter} from '@angular/material-moment-adapter';
 import {A11yModule} from '@angular/cdk/a11y';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 import {ReactiveFormsModule} from '@angular/forms';
 
 export const MY_FORMATS = {
@@ -42,7 +42,6 @@ export const MY_FORMATS = {
     A11yModule,
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatButtonModule,
     MatCardModule,

overlord/src/app/user/user.module.ts

@@ -19,13 +19,12 @@ import {
 import {CdkTableModule} from '@angular/cdk/table';
 import {ReactiveFormsModule} from '@angular/forms';
 import {SharedModule} from '../shared/shared.module';
-import {FlexLayoutModule, FlexModule} from '@angular/flex-layout';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 @NgModule({
   imports: [
     CommonModule,
     CdkTableModule,
-    FlexModule,
     FlexLayoutModule,
     MatButtonModule,
     MatCardModule,