From 154c89b1bef003dd45005f40cbe96337dc114182 Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Mon, 15 Oct 2018 19:15:36 +0200
Subject: [PATCH] fix(list): not working correctly when list item is used as a
 button

Based on our selector for `mat-list-item`, we allow it to be a `button`, however we don't do the necessary resets for it to be usable.
---
 src/material/list/list.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/material/list/list.scss b/src/material/list/list.scss
index b38b5f7d1e9e..869fcbab224c 100644
--- a/src/material/list/list.scss
+++ b/src/material/list/list.scss
@@ -44,9 +44,11 @@ $mat-list-item-inset-divider-offset: 72px;
   height: $base-height;
   -webkit-tap-highlight-color: transparent;
 
-  // Override the user agent styling if the list item is a button.
-  width: 100%;
+  // Button resets.
+  border: none;
+  background: none;
   padding: 0;
+  width: 100%;
 
   .mat-list-item-content {
     display: flex;