docs(router): fix filetree styles

public/docs/ts/latest/guide/router.jade

@@ -380,18 +380,21 @@ figure.image-display
   Here are the details for readers inclined to build the sample through this milestone.
   
   Our starter app's structure looks like this:
-code-example(format="").
-  router-sample
-  ├── node_modules/
-  ├── app/
-  |    ├── app.component.ts
-  │    ├── boot.ts
-  │    ├── crisis-list.component.ts
-  │    └── hero-list.component.ts
-  ├── index.html
-  ├── styles.css
-  ├── tsconfig.json
-  └── package.json
+.filetree
+  .file router-sample
+  .children
+    .file node_modules
+  .children
+    .file app
+      .children
+        .file app.component.ts
+        .file boot.ts
+        .file crisis-list.component.ts
+        .file hero-list.component.ts
+    .file index.html
+    .file styles.css
+    .file tsconfig.json
+    .file package.json
 :marked
   Here are the application-specific files
 +makeTabs(
@@ -448,11 +451,12 @@ figure.image-display
   
   When were done organizing, we have three "Hero" files:
   
-code-example(format="").
-  app/heroes/
-        ├── hero-detail.component.ts
-        ├── hero-list.component.ts
-        └── hero.service.ts
+.filetree
+  .file app/heroes
+  .children
+    .file hero-detail.component.ts
+    .file hero-list.component.ts
+    .file hero.service.ts
 :marked
   Here as in the tutorial, we'll provide the `HeroService` during bootstrapping 
   so that is available anywhere in the app (see `boot.ts`) .
@@ -581,21 +585,24 @@ code-example(format="." language="bash").
   * pass information along in route parameters (`RouteParams`)
   
   After these changes, the folder structure looks like this:
-code-example(format="").
-  router-sample
-  ├── node_modules/
-  ├── app/
-  │    ├── heroes/
-  │    │    ├── hero-detail.component.ts
-  │    │    ├── hero-list.component.ts
-  │    │    └── hero.service.ts
-  │    ├── app.component.ts
-  |    ├── boot.ts
-  │    └── crisis-list.component.ts
-  ├── index.html
-  ├── styles.css
-  ├── tsconfig.json
-  └── package.json
+.filetree
+  .file router-sample
+  .children
+    .file node_modules
+    .file app
+    .children
+      .file heroes
+      .children
+        .file hero-detail.component.ts
+        .file hero-list.component.ts
+        .file hero.service.ts
+        .file app.component.ts
+        .file boot.ts
+        .file crisis-list.component.ts
+      .file index.html
+      .file styles.css
+      .file tsconfig.json
+      .file package.json
 :marked
   <a id="heroes-app-code"></a>
   ### The Heroes App code
@@ -895,20 +902,22 @@ code-example(format="").
   We can always try the [live example](../resources/live-examples/router/ts/plnkr.html) and download the source code from there.
   
   Our final project folder structure looks like this:
-code-example(format="").
-  router-sample
-  ├── node_modules/
-  ├── src/
-  ├── app/
-  │    ├── crisis-center/...
-  │    ├── heroes/...
-  │    ├── app.component.ts
-  │    ├── boot.ts
-  │    └── dialog.service.ts
-  ├── index.html
-  ├── styles.css
-  ├── tsconfig.json
-  └── package.json
+.filetree
+  .file router-sample
+  .children
+    .file node_modules
+    .file src
+    .file app
+    .children
+      .file crisis-center/...
+      .file heroes/...
+      .file app.component.ts
+      .file boot.ts
+      .file dialog.service.ts
+    .file index.html
+    .file styles.css
+    .file tsconfig.json
+    .file package.json
 :marked
   The top level application files are
 +makeTabs(
@@ -929,14 +938,16 @@ code-example(format="").
   <a id="crisis-center-structure-and-code"></id>
   ### Crisis Center
   The *Crisis Center* feature area within the `crisis-center` folder follows:
-code-example(format="").
-  app/
-    crisis-center/
-    ├── crisis-center.component.ts
-    ├── crisis-detail.component.ts
-    ├── crisis-list.component.ts
-    ├── crisis.service.ts
-    └── routes.ts
+.filetree
+  .file app
+  .children
+    .file crisis-center
+    .children
+      .file crisis-center.component.ts
+      .file crisis-detail.component.ts
+      .file crisis-list.component.ts
+      .file crisis.service.ts
+      .file routes.ts
 :marked
 +makeTabs(
    `router/ts/app/crisis-center/crisis-center.component.ts,    
@@ -953,12 +964,14 @@ code-example(format="").
 :marked
   ### Heroes
   The *Heroes* feature area within the `heroes` folder is next:
-code-example(format="").
-  app/
-    heroes/
-    ├── hero-detail.component.ts
-    ├── hero-list.component.ts
-    └── hero.service.ts
+.filetree
+  .file app
+  .children
+    .file heroes
+    .children
+      .file hero-detail.component.ts
+      .file hero-list.component.ts
+      .file hero.service.ts
 :marked
 +makeTabs(
    `router/ts/app/heroes/hero-list.component.ts,