From 2cd0b4d558e282928e0c8e0774812f5464b728ec Mon Sep 17 00:00:00 2001
From: FarisZR <35614734+fariszr@users.noreply.github.com>
Date: Thu, 3 Mar 2022 18:18:16 +0300
Subject: [PATCH] fix search icon and label placement

---
 assets/scss/partials/layout/search.scss | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/assets/scss/partials/layout/search.scss b/assets/scss/partials/layout/search.scss
index b390a7b..59812f8 100644
--- a/assets/scss/partials/layout/search.scss
+++ b/assets/scss/partials/layout/search.scss
@@ -1,3 +1,28 @@
+// move icon left and label right, to replicate theme look in RTL mode
+.direction-rtl {
+    .search-form {
+        label {
+            position: absolute;
+            top: 15px;
+            right: 20px;
+            left: unset;
+            font-size: 1.4rem;
+            color: var(--card-text-color-tertiary);
+        }
+        button {
+            position: absolute;
+            left: 0;
+            right: unset;
+            top: 0;
+            height: 100%;
+            width: var(--button-size);
+            cursor: pointer;
+            background-color: transparent;
+            border: 0;
+        }
+    }
+}
+
 .search-form {
     margin-bottom: var(--section-separation);
     position: relative;