From ddeeb18b0b396f0e88d83c40bcd9f18b22327530 Mon Sep 17 00:00:00 2001
From: Mitchell Wills <me@mitchellwills.com>
Date: Fri, 8 Mar 2019 08:53:44 -0800
Subject: [PATCH] fix(list): override native button text align in action list
 (#15404)

This happens to work when the content is just text; however, content gets center
aligned when there are matLine elements nested in a <button mat-list-item>.
---
 src/lib/list/list.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/lib/list/list.scss b/src/lib/list/list.scss
index 1741c8af9b6..b38b5f7d1e9 100644
--- a/src/lib/list/list.scss
+++ b/src/lib/list/list.scss
@@ -279,6 +279,11 @@ mat-action-list {
     outline: inherit;
     -webkit-tap-highlight-color: transparent;
 
+    text-align: left;
+    [dir='rtl'] & {
+      text-align: right;
+    }
+
     &::-moz-focus-inner {
       border: 0;
     }