From 7bbf219fe26af2b9b791b95c01b289fd52e0fd67 Mon Sep 17 00:00:00 2001
From: FarisZR <35614734+fariszr@users.noreply.github.com>
Date: Thu, 3 Mar 2022 15:27:34 +0300
Subject: [PATCH] fix icon padding, and hamburger menu icon placement

---
 assets/scss/partials/menu.scss | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/assets/scss/partials/menu.scss b/assets/scss/partials/menu.scss
index 257eedb..4f2d97e 100644
--- a/assets/scss/partials/menu.scss
+++ b/assets/scss/partials/menu.scss
@@ -6,7 +6,7 @@
  * @link https://github.com/jonsuh/hamburgers
  */
 
-.hamburger {
+ .hamburger {
     padding-top: 10px;
     display: inline-block;
     cursor: pointer;
@@ -97,6 +97,14 @@
     transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
+// change menu icon placement to follow the RTL Direction
+.direction-rtl{
+    #toggle-menu {
+        left: 30px;
+        right: unset;
+    }
+}
+
 #toggle-menu {
     background: none;
     border: none;
@@ -121,6 +129,18 @@
     }
 }
 
+// fix icon padding in RTL menu
+.direction-rtl{
+    .menu {
+        li {
+            svg {
+                margin-left: 40px;
+                margin-right: unset;
+            }
+        }
+    }
+}
+
 /* Menu style */
 .menu {
     padding-left: 0;