removed flex-layout, in fact it is not needed

package.json

@@ -20,7 +20,6 @@
     "@angular/common": "^6.1.6",
     "@angular/compiler": "^6.1.6",
     "@angular/core": "^6.1.6",
-    "@angular/flex-layout": "^6.0.0-beta.18",
     "@angular/forms": "^6.1.6",
     "@angular/http": "^6.1.6",
     "@angular/material": "^6.4.7",

src/app/app.module.ts

@@ -1,4 +1,5 @@
 import { BrowserModule } from '@angular/platform-browser';
+import { LayoutModule } from '@angular/cdk/layout';
 import { NgModule } from '@angular/core';
 
 import { HttpClientModule } from '@angular/common/http';
@@ -6,7 +7,6 @@ import { AppRoutingModule } from './modules/app-routing.module';
 
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { AppMaterialModule } from './modules/app-material.module';
-import { FlexLayoutModule } from '@angular/flex-layout';
 
 import { AppComponent } from './app.component';
 
@@ -55,11 +55,11 @@ import { DownloadsComponent } from './pages/downloads/downloads.component';
   ],
   imports: [
     BrowserModule,
+    LayoutModule,
     HttpClientModule,
     AppRoutingModule,
     BrowserAnimationsModule,
     AppMaterialModule,
-    FlexLayoutModule,
   ],
   providers: [
     UDSApiService,

src/app/gui/footer/footer.component.ts

@@ -7,7 +7,8 @@ import { Component, OnInit } from '@angular/core';
 })
 export class FooterComponent implements OnInit {
 
-  constructor() { }
+  constructor() {
+   }
 
   ngOnInit() {
   }

src/app/gui/navbar/navbar.component.css

@@ -18,3 +18,24 @@
 .udsicon {
   width: 2rem;
 }
+
+/* responsive part */
+@media only screen and (max-width: 744px) {
+  .expanded {
+      display: none;
+      visibility: hidden;
+  }
+  .shrinked {
+    visibility: visible;
+  }
+}
+
+@media only screen and (min-width: 745px) {
+  .expanded {
+      visibility: visible;
+  }
+  .shrinked {
+    display: none;
+    visibility: hidden;
+  }
+}

src/app/gui/navbar/navbar.component.html

@@ -35,7 +35,7 @@
   <span class="fill-remaining-space"></span>
 
   <!-- elements only visible when expanded -->
-  <div fxLayout="row" fxShow="false" fxShow.gt-sm>
+  <div class="expanded">
       <button mat-button routerLink="/client-download"><i class="material-icons">file_download</i>UDS Client</button>
       <button mat-button routerLink="/about"><i class="material-icons">info</i><uds-translate>About</uds-translate></button>
       <button mat-button [matMenuTriggerFor]="appMenu">{{ lang.name }} <i class="material-icons">arrow_drop_down</i></button>
@@ -43,8 +43,10 @@
   </div>
 
   <!-- button visible only when shrinked -->
-  <button mat-button [matMenuTriggerFor]="shrink" fxHide="false" fxHide.gt-sm>
-    <i class="material-icons">menu</i>
-  </button>
+  <div class="shrinked">
+    <button mat-button [matMenuTriggerFor]="shrink">
+      <i class="material-icons">menu</i>
+    </button>
+ </div>
 
 </mat-toolbar>

src/app/gui/navbar/navbar.component.ts

@@ -10,9 +10,10 @@ import { Lang } from '../../types/config';
 export class NavbarComponent implements OnInit {
   lang: Lang; // Current language
   langs: Lang[]; // Available languages
-  isNavbarCollapsed = true;
+  style = ''; // Empty on start
 
   constructor(public api: UDSApiService) {
+
     const lang = api.config.language;
     // Add "non current lang" to list
     this.langs = [];
@@ -25,7 +26,7 @@ export class NavbarComponent implements OnInit {
     }
   }
 
-  ngOnInit() {
+  ngOnInit(): void {
   }
 
   changeLang(to: Lang): boolean {