From e3f1584e968aa0934698d72339318a1db5223b72 Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Sun, 4 Dec 2016 13:33:30 +0100
Subject: [PATCH] fix(list): prevent list item wrapper elements from collapsing

Adds a `display: block` to the list items, in order to prevent them from collapsing. This allows users to set a custom background directly on the list item.

Fixes #2012.
---
 src/lib/list/list.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/list/list.scss b/src/lib/list/list.scss
index 064c7e6dd6af..18fbe9567fe3 100644
--- a/src/lib/list/list.scss
+++ b/src/lib/list/list.scss
@@ -31,6 +31,9 @@ $md-dense-three-line-height: 76px;
 @mixin md-list-item-base($font-size, $base-height, $avatar-height,
   $two-line-height, $three-line-height) {
 
+  // Prevents the wrapper `md-list-item` from collapsing due to it being `inline` by default.
+  display: block;
+
   .md-list-item {
     display: flex;
     flex-direction: row;