Improve metadata positioning in doc list for rtl

Float the metadata to the right when on a right to left layout. Otherwise it's difficult to see how the metadata is related to the document list item heading

CHANGELOG.md

@@ -7,6 +7,10 @@
   useful summary for people upgrading their application, not a replication
   of the commit log.
 
+## Unreleased
+
+* Improve metadata positioning in document list for rtl layouts (PR #429)
+
 ## 9.5.2
 
 * Attempt to improve Google snippet display (PR #424)

app/assets/stylesheets/govuk_publishing_components/components/_document-list.scss

@@ -32,6 +32,10 @@
   float: left;
   list-style: none;
   padding-right: $gutter-two-thirds;
+
+  .direction-rtl & {
+    float: right;
+  }
 }
 
 .gem-c-document-list--bottom-margin {

app/views/govuk_publishing_components/components/docs/document_list.yml

@@ -116,3 +116,21 @@ examples:
           path: '/government/organisations/advisory-committee-on-the-microbiological-safety-of-food'
           context: 'moving to GOV.UK'
           description: "Works with 4 agencies and public bodies"
+  right_to_left:
+    data:
+      items:
+      - link:
+          text: 'School behaviour and attendance: parental responsibility measures'
+          path: '/government/publications/parental-responsibility-measures-for-behaviour-and-attendance'
+          description: "Statutory guidance for schools, local authorities and the police on dealing with poor attendance and behaviour in school"
+        metadata:
+          public_updated_at: 2017-01-05 14:50:33
+          document_type: 'Statutory guidance'
+      - link:
+          text: 'School exclusion'
+          path: '/government/publications/school-exclusion'
+        metadata:
+          public_updated_at: 2017-07-19 15:01:48
+          document_type: 'Statutory guidance'
+    context:
+      right_to_left: true