[5.3] associations logical css (#44613)

Author: brianteeman

build/media_source/com_associations/css/sidebyside.css

@@ -4,7 +4,7 @@
  */
 
 .sidebyside .outer-panel {
-  float: left;
+  float: inline-start;
   width: 50%;
 }
 
@@ -33,11 +33,11 @@
 }
 
 .sidebyside .langtarget {
-  float: left;
+  float: inline-start;
 }
 
 .sidebyside .modaltarget {
-  float: left;
+  float: inline-start;
   margin-inline-start: .5rem;
 }
 
@@ -50,27 +50,10 @@
 }
 
 .target-text {
-  float: left;
+  float: inline-start;
   width: auto;
 }
 
-/* RTL overrides */
-[dir=rtl] .sidebyside .outer-panel {
-  float: right;
-}
-
-[dir=rtl] .sidebyside .langtarget {
-  float: right;
-}
-
-[dir=rtl] .sidebyside .modaltarget {
-  float: right;
-}
-
-[dir=rtl] .target-text {
-  float: right;
-}
-
 /* Responsive layout */
 @media (max-width: 767.98px) {
   .sidebyside .outer-panel {