From 6b572a82e3f24521488660215e7b6e71335f39ff Mon Sep 17 00:00:00 2001
From: Adam Goldstone <13471320+agoldstone93@users.noreply.github.com>
Date: Tue, 24 Dec 2024 13:38:26 +0000
Subject: [PATCH] AP-5608: Update blocks interrupt page

---
 .../providers/interrupt/blocks/show.html.erb  | 29 +++++++++----------
 1 file changed, 13 insertions(+), 16 deletions(-)

diff --git a/app/views/providers/interrupt/blocks/show.html.erb b/app/views/providers/interrupt/blocks/show.html.erb
index 7f8dd5f647..c41e476590 100644
--- a/app/views/providers/interrupt/blocks/show.html.erb
+++ b/app/views/providers/interrupt/blocks/show.html.erb
@@ -1,19 +1,16 @@
-<div class="interruption-panel">
-  <%= page_template(page_title: t(".title_html"), column_width: "full", template: :basic) do %>
-    <%= page_heading(size: "l") %>
+<div class="moj-interruption-card">
+  <div class="moj-interruption-card__content">
+    <%= page_template(page_title: t(".title_html"), column_width: "full", template: :basic) do %>
+      <%= page_heading(size: "l", classes: "moj-interruption-card__heading") %>
 
-    <div class="maximize-text-width">
-      <p class="govuk-body"><%= t(".body_text") %></p>
-      <p class="govuk-body"><%= t(".options") %></p>
-      <ul class="govuk-list govuk-list--bullet">
-        <% t(".option_bullets").each do |bullet| %>
-          <li><%= bullet %></li>
-        <% end %>
-      </ul>
-    </div>
+      <p class="govuk-body moj-interruption-card__body"><%= t(".body_text") %></p>
+      <p class="govuk-body moj-interruption-card__body"><%= t(".options") %></p>
 
-    <div class='govuk-button-group'>
-      <%= govuk_button_link_to t(".applications"), submitted_providers_legal_aid_applications_path, inverse: true, role: "button" %>
-    </div>
-  <% end %>
+      <%= govuk_list t(".option_bullets"), type: :bullet, classes: "moj-interruption-card__body" %>
+
+      <div class='govuk-button-group'>
+        <%= govuk_button_link_to t(".applications"), submitted_providers_legal_aid_applications_path, inverse: true, role: "button" %>
+      </div>
+    <% end %>
+  </div>
 </div>