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 {