Fixed alignment for rtl languages. other alignment fixes

src/main/resources/static/general.css

@@ -1,14 +1,23 @@
 #page-container {
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
 }
 
 #content-wrap {
-  flex: 1;
+    flex: 1;
 }
 
 #footer {
-bottom: 0;
-width: 100%;
-}
+    bottom: 0;
+    width: 100%;
+}
+
+:is(html[lang=en], html[lang=fr]) * {
+    direction: ltr;
+}
+
+:is(html[lang=ar]) * {
+    direction: rtl;
+    text-align: right;
+}

src/main/resources/templates/fragments/common.html

@@ -117,4 +117,10 @@
 			}
 		});
 	</script>
+
+	<style>
+		.custom-file-label {
+			padding-right: 90px;
+		}
+	</style>
 </th:block>