From 70d78fc4f9536a3c86ebef15d3d13ffa3b55d095 Mon Sep 17 00:00:00 2001
From: Omar Al-Ithawi <i@omardo.com>
Date: Sun, 2 Apr 2017 18:27:55 +0300
Subject: [PATCH] RTL fixes for ul, ol, h1, h3-h6  in the HTML xmodule

---
 common/lib/xmodule/xmodule/css/html/display.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/common/lib/xmodule/xmodule/css/html/display.scss b/common/lib/xmodule/xmodule/css/html/display.scss
index 8c81516a64..27e358cb3b 100644
--- a/common/lib/xmodule/xmodule/css/html/display.scss
+++ b/common/lib/xmodule/xmodule/css/html/display.scss
@@ -7,7 +7,7 @@ h1 {
     color: $baseFontColor;
     font: normal 2em/1.4em $sans-serif;
     letter-spacing: 1px;
-    margin: 0 0 1.416em 0;
+    @include margin(0, 0, 1.416em, 0);
   }
 
 h2 {
@@ -19,7 +19,7 @@ h2 {
 }
 
 h3, h4, h5, h6 {
-  margin: 0 0 ($baseline/2) 0;
+  @include margin(0, 0, ($baseline/2), 0);
   font-weight: 600;
 }
 
@@ -71,8 +71,9 @@ blockquote {
 }
 
 ol, ul {
+  // Using the lower level Bi App Sass mixin to avoid @padding conflicts with bourbon.
+  @include bi-app-compact(padding, 0, 0, 0, 1em);
   margin: 1em 0;
-  padding: 0 0 0 1em;
   color: $baseFontColor;
 
   li {