From ae7ad7af3c61d9e86f84f6fe45a195f7bb5a631a Mon Sep 17 00:00:00 2001
From: Kara Erickson <karakara@google.com>
Date: Wed, 8 Mar 2017 15:55:35 -0800
Subject: [PATCH] docs(list): fix list example

---
 src/app/examples/list-sections/list-sections-example.css  | 5 ++++-
 src/app/examples/list-sections/list-sections-example.html | 4 ++--
 src/app/examples/list-sections/list-sections-example.ts   | 1 +
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/examples/list-sections/list-sections-example.css b/src/app/examples/list-sections/list-sections-example.css
index 743230875..e842c782f 100644
--- a/src/app/examples/list-sections/list-sections-example.css
+++ b/src/app/examples/list-sections/list-sections-example.css
@@ -1 +1,4 @@
-/** No CSS for this example */
+.mat-list-icon {
+  color: rgba(0,0,0,0.54);
+}
+
diff --git a/src/app/examples/list-sections/list-sections-example.html b/src/app/examples/list-sections/list-sections-example.html
index fe81facd9..38d20f97e 100644
--- a/src/app/examples/list-sections/list-sections-example.html
+++ b/src/app/examples/list-sections/list-sections-example.html
@@ -1,14 +1,14 @@
 <md-list>
   <h3 md-subheader>Folders</h3>
   <md-list-item *ngFor="let folder of folders">
-    <md-icon md-list-avatar>folder</md-icon>
+    <md-icon md-list-icon>folder</md-icon>
     <h4 md-line>{{folder.name}}</h4>
     <p md-line> {{folder.updated | date}} </p>
   </md-list-item>
   <md-divider></md-divider>
   <h3 md-subheader>Notes</h3>
   <md-list-item *ngFor="let note of notes">
-    <md-icon md-list-avatar>note</md-icon>
+    <md-icon md-list-icon>note</md-icon>
     <h4 md-line>{{note.name}}</h4>
     <p md-line> {{note.updated | date}} </p>
   </md-list-item>
diff --git a/src/app/examples/list-sections/list-sections-example.ts b/src/app/examples/list-sections/list-sections-example.ts
index d6fd70339..d5a20e8f4 100644
--- a/src/app/examples/list-sections/list-sections-example.ts
+++ b/src/app/examples/list-sections/list-sections-example.ts
@@ -3,6 +3,7 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'list-sections-example',
+  styleUrls: ['./list-sections-example.css'],
   templateUrl: './list-sections-example.html',
 })
 export class ListSectionsExample {