fix(list): account for IE11 bug with flexbox and min-height

[codymikol]

when using an md-3-line list item, use the mixin workaround for ie11 flexbug https://github.com/philipwalton/flexbugs#flexbug-3

Fixes #11177

PR Checklist

Please check that your PR fulfills the following requirements:

• The commit message follows our guidelines
• Tests for the changes have been added or this is not a bug fix / enhancement
• Docs have been added, updated, or were not required

PR Type

What kind of change does this PR introduce?

[x] Bugfix
[ ] Enhancement
[ ] Documentation content changes
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Infrastructure changes
[ ] Other... Please describe:

What is the current behavior?

Currently in IE11, md-list-item content vertical alignment can break if the md-list-item has a click event applied to it.

Issue Number: #11177

What is the new behavior?

Now the alignment will be correct in IE11. This is accomplished by wrapping the applied min-height in the ie11-min-height-flexbug mixin.

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

[Splaktar]

LGTM

[Splaktar]

Please update the commit message title to be fix(list): account for IE11 bug with flexbox and min-height.

[Splaktar]

Oh and thank you for reporting and fixing this!

[codymikol]

Commit title is fixed, thanks for reviewing so quickly 🎉