From 6366cafa29be3087681317d324564694edec40e1 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 6 Sep 2024 17:37:07 -0400
Subject: [PATCH] UX: fix alignment for RTL languages (#67)

---
 common/common.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/common/common.scss b/common/common.scss
index c9d36d1..50ff36b 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -87,8 +87,13 @@ $max-width: 600px;
     line-height: 1;
     color: var(--primary-medium);
     height: 100%;
-    padding-right: 0.25em;
     position: absolute;
+    left: 0;
+    .rtl & {
+      right: 0;
+      left: unset;
+    }
+
     .discourse-no-touch & {
       &:hover {
         background: transparent;
@@ -100,6 +105,10 @@ $max-width: 600px;
     }
     + .search-menu-container .search-input {
       padding-left: 1.75em;
+      .rtl & {
+        padding-left: unset;
+        padding-right: 1.75em;
+      }
     }
     + .search-menu-container .search-input .search-context {
       margin-left: 4px;