Change using margin-left & margin-right properties

AbdulrhmanGoni · AbdulrhmanGoni · commit bf161d0f6690 · 2024-05-06T17:10:34.000+03:00
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.
diff --git 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;
 }

Original file line number	Diff line number	Diff line change
`@@ -5,9 +5,9 @@`
`5`	`5`	`}`
`6`	`6`
`7`	`7`	`.titleContainer > div > a {`
`8`		`- margin-left: 20px !important;`
	`8`	`+ margin-inline-start: 20px !important;`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`.icon {`
`12`		`- margin-right: 12px;`
	`12`	`+ margin-inline-end: 12px;`
`13`	`13`	`}`