From 106ded44b75580b81b8c35b9c1b2119bd8fead06 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Thu, 20 Jul 2017 05:24:48 +0300
Subject: [PATCH] fix(expansion-panel): wrong margins in rtl (#5800)

---
 src/lib/expansion/expansion-panel-header.scss | 10 +++++++---
 src/lib/expansion/expansion-panel.scss        |  5 +++++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/lib/expansion/expansion-panel-header.scss b/src/lib/expansion/expansion-panel-header.scss
index 463f9b458d82..0ead2249fd22 100644
--- a/src/lib/expansion/expansion-panel-header.scss
+++ b/src/lib/expansion/expansion-panel-header.scss
@@ -32,16 +32,20 @@ $mat-expansion-panel-header-height-expanded: 64px;
   overflow: hidden;
 }
 
-.mat-expansion-panel-header-title {
+.mat-expansion-panel-header-title,
+.mat-expansion-panel-header-description {
   display: flex;
   flex-grow: 1;
   margin-right: 16px;
+
+  [dir='rtl'] & {
+    margin-right: 0;
+    margin-left: 16px;
+  }
 }
 
 .mat-expansion-panel-header-description {
-  display: flex;
   flex-grow: 2;
-  margin-right: 16px;
 }
 
 /**
diff --git a/src/lib/expansion/expansion-panel.scss b/src/lib/expansion/expansion-panel.scss
index 75b188395d48..8a4be141addf 100644
--- a/src/lib/expansion/expansion-panel.scss
+++ b/src/lib/expansion/expansion-panel.scss
@@ -29,5 +29,10 @@
 
   button.mat-button {
     margin-left: 8px;
+
+    [dir='rtl'] & {
+      margin-left: 0;
+      margin-right: 8px;
+    }
   }
 }