From ddd9218c20d159cae7a56744b3f47ca68abbc6f1 Mon Sep 17 00:00:00 2001
From: Mitchell Wills <mwills@google.com>
Date: Wed, 6 Mar 2019 11:34:11 -0800
Subject: [PATCH] fix(list): override native button text align in action list

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 1741c8af9b64..b38b5f7d1e9e 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;
     }