From 245fff1c163db414056789cf8bd2b3dac4acc4a0 Mon Sep 17 00:00:00 2001
From: Marina Samuel <msamuel@mozilla.com>
Date: Fri, 12 Jun 2015 11:43:58 -0400
Subject: [PATCH] Bug 1165594 - Appropriately style new tab cog menu for RTL.
 r=Mardak

---
 browser/base/content/newtab/newTab.css | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/browser/base/content/newtab/newTab.css b/browser/base/content/newtab/newTab.css
index c0519879e7a8..7ab2215a33f5 100644
--- a/browser/base/content/newtab/newTab.css
+++ b/browser/base/content/newtab/newTab.css
@@ -501,7 +501,8 @@ input[type=button] {
 .newtab-search-panel-engine,
 #newtab-search-manage {
   line-height: 25px;
-  padding: 15px 15px 15px 40px;
+  padding: 15px;
+  -moz-padding-start: 40px;
   font-size: 14px;
   cursor: pointer;
 }
@@ -532,11 +533,20 @@ input[type=button] {
 .newtab-customize-complex-option {
   width: 100%;
   display: block;
-  text-align: left;
+  text-align: start;
   max-width: 300px;
   background-color: #F9F9F9;
 }
 
+.newtab-customize-panel-item[selected]:-moz-locale-dir(rtl) {
+  background-position: right 15px center;
+}
+
+.newtab-customize-complex-option:hover > .selectable:not([selected]):-moz-locale-dir(rtl),
+.selectable:not([selected]):hover:-moz-locale-dir(rtl) {
+  background-position: right 15px center;
+}
+
 .newtab-intro-image-customize .newtab-customize-panel-item,
 .newtab-intro-image-customize .newtab-customize-complex-option {
   max-width: 100%;
@@ -589,12 +599,13 @@ input[type=button] {
 
 .newtab-customize-panel-subitem {
   font-size: 12px;
-  padding: 0px 15px 15px 40px;
+  padding: 0px 15px 15px 15px;
+  -moz-padding-start: 40px;
   display: block;
 }
 
 .newtab-customize-panel-subitem > label {
-  padding-left: 10px;
+  padding: 0px 10px;
   line-height: 20px;
   vertical-align: middle;
   max-width: 225px;
@@ -603,7 +614,8 @@ input[type=button] {
 .newtab-customize-panel-superitem {
   line-height: 20px;
   border-bottom: medium none !important;
-  padding: 15px 15px 10px 40px;
+  padding: 15px 15px 10px 15px;
+  -moz-padding-start: 40px;
   border-top: 1px solid threedshadow;
 }