Fix change detection in app component

client/src/app/app.component.html

@@ -22,7 +22,7 @@
         <my-menu></my-menu>
     </div>
 
-    <div class="main-col container-fluid" [ngClass]="getMainColClasses()">
+    <div class="main-col container-fluid" [ngClass]="{ expanded: isMenuDisplayed === false }">
 
       <div class="main-row">
         <router-outlet></router-outlet>

client/src/app/app.component.ts

@@ -112,11 +112,4 @@ export class AppComponent implements OnInit {
     window.scrollTo(0, 0)
     this.isMenuDisplayed = !this.isMenuDisplayed
   }
-
-  getMainColClasses () {
-    // Take all width is the menu is not displayed
-    if (this.isMenuDisplayed === false) return [ 'expanded' ]
-
-    return []
-  }
 }

client/src/app/shared/misc/utils.ts

@@ -98,7 +98,7 @@ function lineFeedToHtml (obj: object, keyToNormalize: string) {
 
 // Try to cache a little bit window.innerWidth
 let windowInnerWidth = window.innerWidth
-setInterval(() => windowInnerWidth = window.innerWidth, 500)
+// setInterval(() => windowInnerWidth = window.innerWidth, 500)
 
 function isInSmallView () {
   return windowInnerWidth < 600

client/src/environments/environment.hmr.ts

@@ -1,5 +1,5 @@
 export const environment = {
   production: false,
   hmr: true,
-  apiUrl: 'http://192.168.1.42:9000'
+  apiUrl: 'http://localhost:9000'
 }