From a4c4021f20b88f5fb06b0a813408150702c2e65d Mon Sep 17 00:00:00 2001
From: Mohammad Hadi Mansouri <mohammad.hadi.mansouri@gmail.com>
Date: Fri, 20 Oct 2017 18:37:08 +0330
Subject: [PATCH] dir support for md-list-item > md-icon

edit css for md-list-item > md-icon to better view in each direction (ltr or rtl)
---
 angular-material-icons.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/angular-material-icons.css b/angular-material-icons.css
index b73ac3a..d70dd2f 100644
--- a/angular-material-icons.css
+++ b/angular-material-icons.css
@@ -130,11 +130,19 @@ md-list-item .md-list-item-inner > ng-md-icon.md-secondary {
     box-sizing: content-box;
 }
 
-md-list-item > ng-md-icon:first-child,
-md-list-item .md-list-item-inner > ng-md-icon:first-child {
+[dir=ltr] md-list-item > ng-md-icon:first-child,
+[dir=ltr] md-list-item .md-list-item-inner > ng-md-icon:first-child{
+    -webkit-margin-end: 32px;
     margin-right: 32px;
 }
 
+
+[dir=rtl] md-list-item > ng-md-icon:first-child,
+[dir=rtl] md-list-item .md-list-item-inner > ng-md-icon:first-child{
+    -webkit-margin-end: 32px;
+    margin-left: 32px;
+}
+
 md-list-item.md-2-line > ng-md-icon:first-child,
 md-list-item.md-2-line > .md-no-style > ng-md-icon:first-child {
     -webkit-align-self: flex-start;