From 39f9fc79a5312d2e773dc137e50ab4edc6c2818b Mon Sep 17 00:00:00 2001
From: Khaled Hosny <khaledhosny@eglug.org>
Date: Mon, 4 Nov 2013 08:07:39 +0200
Subject: [PATCH] Styling fixes for RTL direction

* Align the selects to the right
* Place the close button on the left to not cover parts of the label.
---
 select2.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/select2.css b/select2.css
index 0e72e293..4a10f306 100644
--- a/select2.css
+++ b/select2.css
@@ -460,6 +460,10 @@ disabled look for disabled choices in the results dropdown
     float: left;
     list-style: none;
 }
+html[dir="rtl"] .select2-container-multi .select2-choices li
+{
+    float: right;
+}
 .select2-container-multi .select2-choices .select2-search-field {
     margin: 0;
     padding: 0;
@@ -518,6 +522,11 @@ disabled look for disabled choices in the results dropdown
     background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
     background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
 }
+html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
+{
+    margin-left: 0;
+    margin-right: 5px;
+}
 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
     cursor: default;
 }
@@ -537,6 +546,10 @@ disabled look for disabled choices in the results dropdown
     outline: none;
     background: url('select2.png') right top no-repeat;
 }
+html[dir="rtl"] .select2-search-choice-close {
+    right: auto;
+    left: 3px;
+}
 
 .select2-container-multi .select2-search-choice-close {
     left: 3px;