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,

overlord/src/browserslist

@@ -1,9 +1,11 @@
 # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
 # For additional information regarding the format and rule options, please see:
 # https://github.com/browserslist/browserslist#queries
-# For IE 9-11 support, please uncomment the last line of the file and adjust as needed
+#
+# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
+
 > 0.5%
 last 2 versions
 Firefox ESR
 not dead
-# IE 9-11
+not IE 9-11

overlord/src/environments/environment.ts

@@ -1,5 +1,5 @@
 // This file can be replaced during build by using the `fileReplacements` array.
-// `ng build ---prod` replaces `environment.ts` with `environment.prod.ts`.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
 // The list of file replacements can be found in `angular.json`.
 
 export const environment = {
@@ -7,9 +7,10 @@ export const environment = {
 };
 
 /*
- * In development mode, to ignore zone related error stack frames such as
- * `zone.run`, `zoneDelegate.invokeTask` for easier debugging, you can
- * import the following file, but please comment it out in production mode
- * because it will have performance impact when throw error
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
  */
 // import 'zone.js/dist/zone-error';  // Included with Angular CLI.

overlord/src/main.ts

@@ -1,3 +1,4 @@
+import 'hammerjs';
 import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
@@ -9,4 +10,4 @@ if (environment.production) {
 }
 
 platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.log(err));
+  .catch(err => console.error(err));

overlord/src/polyfills.ts

@@ -43,7 +43,7 @@
 
 /** Evergreen browsers require these. **/
 // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
-import 'core-js/es7/reflect';
+
 
 
 /**

overlord/src/styles.css

@@ -1,3 +1,4 @@
 /* You can add global styles to this file, and also import other style files */
 
-body { margin: 0; }
+html, body { height: 100%; }
+body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }

overlord/src/tsconfig.app.json

@@ -2,11 +2,10 @@
   "extends": "../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../brewman/static",
-    "module": "es2015",
     "types": []
   },
   "exclude": [
-    "src/test.ts",
+    "test.ts",
     "**/*.spec.ts"
   ]
 }

overlord/src/tsconfig.spec.json

@@ -2,7 +2,6 @@
   "extends": "../tsconfig.json",
   "compilerOptions": {
     "outDir": "../out-tsc/spec",
-    "module": "commonjs",
     "types": [
       "jasmine",
       "node"