From c901c5e6912e9047c33cea8ab9de4ecd51df0ad1 Mon Sep 17 00:00:00 2001
From: Esmail Almaleeh <hazem_almaleeh1@hotmail.com>
Date: Sat, 31 Jul 2021 13:59:50 +0300
Subject: [PATCH] Fix the rtl problem in the settings page

---
 src/site/pug/settings.pug          | 8 ++++----
 src/site/sass/includes/_forms.sass | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/site/pug/settings.pug b/src/site/pug/settings.pug
index 2649f0d..24fc499 100644
--- a/src/site/pug/settings.pug
+++ b/src/site/pug/settings.pug
@@ -10,7 +10,7 @@ mixin fieldset(name)
 mixin input(id, description, placeholder, disabled, list)
 	.field-row
 		label.description(for=id)= description
-		input(type="text" id=id name=id value=settings[id] placeholder=placeholder disabled=disabled list=`${id}-list`)
+		input(type="text" dir="ltr" id=id name=id value=settings[id] placeholder=placeholder disabled=disabled list=`${id}-list`)
 		if list
 			datalist(id=`${id}-list`)
 				each item in list
@@ -21,7 +21,7 @@ mixin checkbox(id, description, label, disabled)
 		label.description(for=id)= description
 		input.checkbox(type="checkbox" id=id name=id checked=(settings[id] !== 0) disabled=disabled autocomplete="off")
 		label.pill(for=id tabindex=(disabled ? null : 0) onkeypress=`[" ", "Enter"].includes(event.key) && this.click()`)= label
-			span.fake-checkbox
+			span.fake-checkbox(class=ll.meta_direction)
 
 mixin select(id, description, disabled, options)
 	.field-row
@@ -31,7 +31,7 @@ mixin select(id, description, disabled, options)
 				option(value=option.value selected=(option.value === settings[id]))= option.text
 
 doctype html
-html
+html(dir=ll.meta_direction)
 	head
 		title= `${ll.t_settings} | Bibliogram`
 		include includes/head
@@ -47,7 +47,7 @@ html
 
 				+fieldset(ll.t_features)
 					+select("language", ll.t_language, false, [
-						{value: "ar", text: "اَلْعَرَبِيَّةُ‎"},
+						{value: "ar", text: "العربية"},
 						{value: "bg", text: "Български"},
 						{value: "de", text: "Deutsch"},
 						{value: "en", text: "English (International)"},
diff --git a/src/site/sass/includes/_forms.sass b/src/site/sass/includes/_forms.sass
index 56219cc..488d35e 100644
--- a/src/site/sass/includes/_forms.sass
+++ b/src/site/sass/includes/_forms.sass
@@ -137,6 +137,10 @@ button
 		position: relative
 		outline: none
 
+		&.rtl
+			margin-left: 0px
+			margin-right: 8px
+
 	.checkbox
 		display: none