From cf51f26712a485d050adef007be46fca8d8faa27 Mon Sep 17 00:00:00 2001
From: Manny Dinssa <44172848+Dinssa@users.noreply.github.com>
Date: Thu, 3 Oct 2024 12:36:17 +0100
Subject: [PATCH] Create bulk uploads stylesheet

---
 .../bulk_upload_summary_component.html.erb     |  2 +-
 app/frontend/styles/_bulk-uploads.scss         | 18 ++++++++++++++++++
 app/frontend/styles/application.scss           | 15 +--------------
 3 files changed, 20 insertions(+), 15 deletions(-)
 create mode 100644 app/frontend/styles/_bulk-uploads.scss

diff --git a/app/components/bulk_upload_summary_component.html.erb b/app/components/bulk_upload_summary_component.html.erb
index bbdd35ecd..7eb674a91 100644
--- a/app/components/bulk_upload_summary_component.html.erb
+++ b/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>
diff --git a/app/frontend/styles/_bulk-uploads.scss b/app/frontend/styles/_bulk-uploads.scss
new file mode 100644
index 000000000..7b04fef86
--- /dev/null
+++ b/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
+}
diff --git a/app/frontend/styles/application.scss b/app/frontend/styles/application.scss
index 83deeb9ba..7a9175d5d 100644
--- a/app/frontend/styles/application.scss
+++ b/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;
-}