From 186128f9eb46f389dba408582ca7f75f6345a20f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jarda=20Kot=C4=9B=C5=A1ovec?= <jarda.kotesovec@gmail.com>
Date: Fri, 4 Aug 2023 15:24:09 +0200
Subject: [PATCH] pkp/pkp-lib#8980 Replace float: inline-start/end with
 left/right due the low browser support.

---
 src/components/Form/FormGroup.vue | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/components/Form/FormGroup.vue b/src/components/Form/FormGroup.vue
index 6e42f14ea..05d250ce0 100644
--- a/src/components/Form/FormGroup.vue
+++ b/src/components/Form/FormGroup.vue
@@ -215,18 +215,28 @@ export default {
 }
 
 .pkpFormGroup__heading {
-	float: inline-start;
+	float: left;
 	width: 30%;
 	padding-inline-end: 1.5rem;
 	line-height: @line-sml;
 
 	+ .pkpFormGroup__fields {
-		float: inline-end;
+		float: right;
 		width: 70%;
 		padding-inline-start: 1.5rem;
 	}
 }
 
+[dir='rtl'] {
+	.pkpFormGroup__heading {
+		float: right;
+
+		.pkpFormGroup__fields {
+			float: left;
+		}
+	}
+}
+
 .pkpFormGroup__legend {
 	display: inline-block;
 	margin-bottom: 0.5rem;
@@ -270,7 +280,7 @@ export default {
 	}
 
 	.pkpFormGroup__locale--isVisible {
-		float: inline-start;
+		float: left;
 		width: 50%;
 		padding-inline-end: 1.5rem;
 
@@ -280,6 +290,13 @@ export default {
 		}
 	}
 }
+[dir='rtl'] {
+	.pkpForm--hasManyVisibleLocales {
+		.pkpFormGroup__locale--isVisible {
+			float: right;
+		}
+	}
+}
 
 // When forms appear in a dropdown
 .pkpDropdown .pkpFormGroup {