Customise summary list key width for file review component

Author: jamie-o-wilkinson

app/components/question/file_review_component/_index.scss

@@ -0,0 +1,5 @@
+.review-file-summary-list {
+  .govuk-summary-list__key {
+    width: 20%;
+  }
+}

app/components/question/file_review_component/view.html.erb

@@ -6,7 +6,7 @@
   <%= t('forms.review_file.show.check_file') %>
 </h2>
 
-<%= govuk_summary_list do |summary_list|
+<%= govuk_summary_list(html_attributes: { class: 'review-file-summary-list' }) do |summary_list|
   summary_list.with_row do |row|
     row.with_key { t('forms.review_file.show.your_file') }
     row.with_value { question.original_filename }

app/frontend/entrypoints/application.scss

@@ -4,4 +4,5 @@ $govuk-global-styles: true;
 @import "pkg:govuk-frontend";
 @import "pkg:dfe-autocomplete/src/dfe-autocomplete";
 @import "../../components/form_header_component/";
+@import "../../components/question/file_review_component/";
 @import "../styles/app-panel";