Flex layout added

Author: ricsard

package-lock.json

@@ -16,6 +16,7 @@
     "@angular/common": "~7.2.0",
     "@angular/compiler": "~7.2.0",
     "@angular/core": "~7.2.0",
+    "@angular/flex-layout": "^7.0.0-beta.24",
     "@angular/forms": "~7.2.0",
     "@angular/material": "^7.3.7",
     "@angular/platform-browser": "~7.2.0",

package.json

@@ -1,14 +1,16 @@
-<div>
-  <button mat-raised-button color="primary">
-    <mat-icon class="text-icon">exit_to_app</mat-icon>
-    Log out
-  </button>
-</div>
+<div fxLayout="row" fxLayout.md="column" fxLayoutAlign="center center">
+  <div>
+    <button mat-raised-button color="primary">
+      <mat-icon class="text-icon">exit_to_app</mat-icon>
+      Log out
+    </button>
+  </div>
 
-<div>
-  <mat-form-field>
-    <input matInput placeholder="Name" name="name" required />
-  </mat-form-field>
+  <div>
+    <mat-form-field>
+      <input matInput placeholder="Name" name="name" required />
+    </mat-form-field>
+  </div>
 </div>
 
 <div>

src/app/app.component.html

@@ -8,6 +8,7 @@ import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {FlightModule} from './flight/flight.module';
 import {HTTP_INTERCEPTORS, HttpClientModule} from '@angular/common/http';
 import {AuthInterceptorService} from './core/auth-interceptor.service';
+import {FlexLayoutModule} from '@angular/flex-layout';
 
 @NgModule({
   declarations: [
@@ -21,7 +22,8 @@ import {AuthInterceptorService} from './core/auth-interceptor.service';
     MatIconModule,
     BrowserAnimationsModule,
     FlightModule,
-    HttpClientModule
+    HttpClientModule,
+    FlexLayoutModule
   ],
   providers: [
     {