From 9c34970abc1f12985820afa87f2d46b34d5ec6bf Mon Sep 17 00:00:00 2001
From: Damyan Petev <damyan.petev@gmail.com>
Date: Fri, 20 Jul 2018 10:06:15 +0300
Subject: [PATCH] fix(igx): make sure the content contained stretches to the
 available space

---
 .../igx-ts/projects/empty/files/src/app/app.component.html    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/angular/igx-ts/projects/empty/files/src/app/app.component.html b/templates/angular/igx-ts/projects/empty/files/src/app/app.component.html
index 64a593cd2..230cbe6a5 100644
--- a/templates/angular/igx-ts/projects/empty/files/src/app/app.component.html
+++ b/templates/angular/igx-ts/projects/empty/files/src/app/app.component.html
@@ -5,9 +5,9 @@
       <span *ngFor="let route of topNavLinks" igxDrawerItem igxRipple routerLinkActive="igx-nav-drawer__item--active" routerLink="{{route.path}}">{{route.name}}</span>
     </ng-template>
   </igx-nav-drawer>
-  <div igxFlex class="main">
+  <div  class="main" igxFlex igxLayout igxLayoutDir="columns">
     <igx-navbar title="$(name)" actionButtonIcon="menu" (onAction)="nav.toggle()"></igx-navbar>
-    <div class="content">
+    <div class="content" igxFlex>
       <router-outlet></router-outlet>
      </div>
   </div>