From bf161d0f669050ddd59acc3a4e6fa3bc165eec32 Mon Sep 17 00:00:00 2001
From: Abdulrahman Goni <abdulrhmangoni@gmail.com>
Date: Mon, 6 May 2024 17:10:34 +0300
Subject: [PATCH] Change using `margin-left` & `margin-right` properties

Replace `margin-left` and `margin-right` properties of the links and the icon
inside title container in language page with `margin-inline-start` and `margin-inline-end`
because when the `direction` property of these elements changed to "rtl",
`margin-inline-start` and `margin-inline-end` change margins directions of the
elements to suit the "rtl" direction.
---
 pages/language/style.module.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/language/style.module.css b/pages/language/style.module.css
index 4b843662..fbbf2d8b 100644
--- a/pages/language/style.module.css
+++ b/pages/language/style.module.css
@@ -5,9 +5,9 @@
 }
 
 .titleContainer > div > a {
-  margin-left: 20px !important;
+  margin-inline-start: 20px !important;
 }
 
 .icon {
-  margin-right: 12px;
+  margin-inline-end: 12px;
 }