From 7bea903ea076e5005c28d00b2f68052e5b244dd8 Mon Sep 17 00:00:00 2001 From: crisbeto Date: Wed, 12 Sep 2018 23:06:25 +0200 Subject: [PATCH] fix(list): action list items clickable area not stretching the full width * Fixes the items inside an action list not stretching the complete width of the element, making them hard to click. * Fixes the user agent padding throwing off the alignment for buttons used as items in the action list. --- src/lib/list/list.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/lib/list/list.scss b/src/lib/list/list.scss index e1d08eca2058..1229eced4170 100644 --- a/src/lib/list/list.scss +++ b/src/lib/list/list.scss @@ -43,6 +43,10 @@ $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%; + padding: 0; + .mat-list-item-content { display: flex; flex-direction: row;