From 5866df796a6b83164bbf7773383cbe58dde66451 Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Thu, 23 Feb 2017 20:56:14 +0100
Subject: [PATCH] fix(menu): incorrect text alignment in IE/Edge

Fixes the text being centered in menu items on IE and Edge. It was due to the fact that they don't support `text-align: start/end`.

Fixes #3254.
---
 src/lib/core/style/_menu-common.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/core/style/_menu-common.scss b/src/lib/core/style/_menu-common.scss
index 2c97fefb2d6b..d26821c7f242 100644
--- a/src/lib/core/style/_menu-common.scss
+++ b/src/lib/core/style/_menu-common.scss
@@ -32,13 +32,17 @@ $mat-menu-side-padding: 16px !default;
 
   font-size: $mat-menu-font-size;
   font-family: $mat-font-family;
-  text-align: start;
+  text-align: left;
   text-decoration: none;   // necessary to reset anchor tags
 
   &[disabled] {
     cursor: default;
   }
 
+  [dir='rtl'] & {
+    text-align: right;
+  }
+
   .mat-icon {
     margin-right: 16px;