fix(list): action list missing focus and hover styling

Since the action list is interactive, it needs styles when it's hovered and focused.

Author: crisbeto

src/lib/list/_list-theme.scss

@@ -27,7 +27,8 @@
   }
 
   .mat-list-option,
-  .mat-nav-list .mat-list-item {
+  .mat-nav-list .mat-list-item,
+  .mat-action-list .mat-list-item {
     &:hover, &:focus {
       background: mat-color($background, 'hover');
     }

src/lib/list/list.scss

@@ -295,7 +295,8 @@ mat-action-list {
 // use something like `@media (hover)`.
 @media (hover: none) {
   .mat-list-option,
-  .mat-nav-list .mat-list-item {
+  .mat-nav-list .mat-list-item,
+  .mat-action-list .mat-list-item {
     &:not(.mat-list-item-disabled):hover {
       background: none;
     }

src/lib/list/list.ts

@@ -74,6 +74,10 @@ export class MatList extends _MatListMixinBase implements CanDisableRipple {
    */
   constructor(private _elementRef?: ElementRef<HTMLElement>) {
     super();
+
+    if (this._getListType() === 'action-list' && _elementRef) {
+      _elementRef.nativeElement.classList.add('mat-action-list');
+    }
   }
 
   _getListType(): 'list' | 'action-list' | null {