mat-line in mat-list-option

[zh99998]

Bug, feature request, or proposal:

feature

What is the expected behavior?

mat-line in mat-list-option looks same as in mat-list-item

What is the current behavior?

mat-list-text is used for positioning select checkbox, then mat-line lead to wrong position.

What are the steps to reproduce?

from https://material.angular.io/components/list/examples , change mat-list tomat-selection-list and mat-list-item to mat-list-option.

What is the use-case or motivation for changing an existing behavior?

richer display items as well as selection, for example, folder files selection.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

as well as mat-list-avatar and mat-list-icon

[crisbeto]

May potentially be resolved by #10316.

[crisbeto]

Looks like the issue with the mat-line has been fixed, but there's still an issue with the spacing on the folder icon.