From 977f94a50a734d199b7131f4f7a5c8114ed91060 Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Wed, 19 Nov 2014 12:18:08 -0200
Subject: [PATCH] fine-tuning for RTL languages

---
 src/css/popup.css | 21 +++++++++++++++++++--
 src/popup.html    |  2 +-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/css/popup.css b/src/css/popup.css
index b893460..315849b 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -83,23 +83,40 @@ body.tScopeSite .scopeRel:not(.disabled) {
     color: #a00;
     }
 
+html.ltr #buttonMtxSwitches + .dropdown-menu {
+    left: -80%;
+    }
+html.rtl #buttonMtxSwitches + .dropdown-menu {
+    right: -80%;
+    }
 #mtxSwitches > li  {
     color: #888;
     }
 #mtxSwitches > li.switchTrue {
     color: #000;
     }
-#mtxSwitches > li > span:before  {
+html.ltr #mtxSwitches > li > span:before  {
     content: '\f204';
     font: 120% FontAwesome;
     padding-right: 0.5em;
     }
-#mtxSwitches > li.switchTrue > span:before {
+html.ltr #mtxSwitches > li.switchTrue > span:before {
     color: #000;
     content: '\f205';
     font: 120% FontAwesome;
     padding-right: 0.5em;
     }
+html.rtl #mtxSwitches > li > span:after  {
+    content: '\f204';
+    font: 120% FontAwesome;
+    padding-left: 0.5em;
+    }
+html.rtl #mtxSwitches > li.switchTrue > span:after {
+    color: #000;
+    content: '\f205';
+    font: 120% FontAwesome;
+    padding-left: 0.5em;
+    }
 
 
 .dropdown-menu {
diff --git a/src/popup.html b/src/popup.html
index 8c3cb9a..c4a3201 100644
--- a/src/popup.html
+++ b/src/popup.html
@@ -29,7 +29,7 @@
         </div>
         <div class="dropdown-menu-capture"></div>
         <button id="mtxSwitch_matrix-off" type="button" class="fa scopeRel tip-anchor-left" data-i18n-tip="matrixMtxButtonTip">&#xf011;<span class="badge"></span></button>
-        <div style="display: inline-block;">
+        <div style="display: inline-block; position: relative">
             <button id="buttonMtxSwitches" type="button" class="dropdown-menu-button fa scopeRel" tabindex="-1">&#xf141;</button>
             <div class="dropdown-menu">
                 <ul id="mtxSwitches">