From c78cd522c9f3b59f612449222bd61f09294e69cf 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/lib/list/list.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/list/list.scss b/src/lib/list/list.scss
index d3bfe00b38d7..a06e3c2424e3 100644
--- a/src/lib/list/list.scss
+++ b/src/lib/list/list.scss
@@ -43,9 +43,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;