fix mat-list-icon

Author: mmalerba

src/dev-app/list/list-demo.html

@@ -100,8 +100,6 @@ <h2>Nav lists</h2>
       <a mat-list-item *ngFor="let link of links; last as last" href="http://www.google.com">
         <mat-icon mat-list-icon>folder</mat-icon>
         <span mat-line>{{ link.name }}</span>
-        <span mat-line class="demo-secondary-text"> Description </span>
-        <mat-divider inset *ngIf="!last"></mat-divider>
       </a>
     </mat-nav-list>
   </div>

src/dev-app/list/list-demo.scss

@@ -11,13 +11,12 @@
     margin-top: 20px;
   }
 
-  .mat-icon {
+  .mat-icon-button {
     color: rgba(0, 0, 0, 0.12);
   }
 
   .mat-list-icon {
-    color: white;
-    background: rgba(0, 0, 0, 0.3);
+    color: rgba(0,0,0,.38)
   }
 }
 

src/dev-app/mdc-list/mdc-list-demo.html

@@ -100,8 +100,6 @@ <h2>Nav lists</h2>
       <a mat-list-item *ngFor="let link of links; last as last" href="http://www.google.com">
         <mat-icon mat-list-icon>folder</mat-icon>
         <span mat-line>{{ link.name }}</span>
-        <span mat-line> Description </span>
-        <mat-divider inset *ngIf="!last"></mat-divider>
       </a>
     </mat-nav-list>
   </div>

src/dev-app/mdc-list/mdc-list-demo.scss

@@ -12,14 +12,14 @@
     margin-top: 20px;
   }
 
-  .mat-icon {
+  .mat-mdc-icon-button {
     color: rgba(0, 0, 0, 0.12);
   }
 
-  .mat-mdc-list-icon {
+  /*.mat-mdc-list-icon {
     color: white;
     background: rgba(0, 0, 0, 0.3);
-  }
+  }*/
 }
 
 .demo-secondary-text {