Create bulk uploads stylesheet

app/components/bulk_upload_summary_component.html.erb

@@ -2,7 +2,7 @@
   <div class="govuk-grid-row">
     <div class="govuk-grid-column-two-thirds">
       <header class="app-log-summary__header">
-        <h2 class="app-log-summary__title govuk-heading-m govuk-!-font-weight-regular" style="white-space: normal; word-break: break-all">
+        <h2 class="app-log-summary__title govuk-heading-m govuk-!-font-weight-regular text-normal-break">
           <span class="govuk-!-margin-right-1"><%= bulk_upload.filename %></span>
           <span class="app-metadata app-log-summary__details" style="white-space: nowrap;"><%= bulk_upload.year %>/<%= bulk_upload.year + 1 %></span>
         </h2>

app/frontend/styles/_bulk-uploads.scss

@@ -0,0 +1,18 @@
+.grouped-rows td {
+  border-top: none;
+  border-bottom: none;
+}
+
+.grouped-rows.first-row td {
+  border-top: 1px solid #b1b4b6;
+}
+
+.grouped-rows.last-row td,
+.grouped-rows .grouped-multirow-cell {
+  border-bottom: 1px solid #b1b4b6;
+}
+
+.text-normal-break{
+  white-space: normal !important;
+  word-break: break-all
+}

app/frontend/styles/application.scss

@@ -23,6 +23,7 @@ $govuk-breakpoints: (
 @import "govuk-prototype-styles";
 
 @import "accessible-autocomplete";
+@import "bulk-uploads";
 @import "button";
 @import "card";
 @import "data_box";
@@ -81,17 +82,3 @@ $govuk-breakpoints: (
 .govuk-footer {
   border-top: govuk-spacing(2) solid $govuk-brand-colour;
 }
-
-.grouped-rows td {
-  border-top: none;
-  border-bottom: none;
-}
-
-.grouped-rows.first-row td {
-  border-top: 1px solid #b1b4b6;
-}
-
-.grouped-rows.last-row td,
-.grouped-rows .grouped-multirow-cell {
-  border-bottom: 1px solid #b1b4b6;
-}