From cf04ceba5050116ddfad467425077b5994c1a118 Mon Sep 17 00:00:00 2001
From: rdbsolutions <rob@rdbsolutions.co.uk>
Date: Mon, 19 Feb 2024 16:54:40 +0000
Subject: [PATCH] accessibility ammends for case summary and details

---
 components/case/summary.js                                    | 4 ++--
 components/case/summaryTypes/pinswg_advertsid.js              | 4 ++--
 components/case/summaryTypes/pinswg_callinss77id.js           | 4 ++--
 components/case/summaryTypes/pinswg_commonlandid.js           | 4 ++--
 .../case/summaryTypes/pinswg_communityinfrastructurelevyid.js | 4 ++--
 .../case/summaryTypes/pinswg_compulsorypurchaseordersid.js    | 4 ++--
 components/case/summaryTypes/pinswg_dnsid.js                  | 4 ++--
 components/case/summaryTypes/pinswg_electricityactid.js       | 4 ++--
 .../summaryTypes/pinswg_enforcementlistedbuildingconseid.js   | 4 ++--
 .../case/summaryTypes/pinswg_enforcementnoticeappeals174id.js | 4 ++--
 .../case/summaryTypes/pinswg_environmentalpermittingid.js     | 4 ++--
 components/case/summaryTypes/pinswg_harbourrevisionorderid.js | 4 ++--
 .../summaryTypes/pinswg_hedgeshedgerowstreepreservatioid.js   | 4 ++--
 components/case/summaryTypes/pinswg_householderappealhasid.js | 4 ++--
 .../summaryTypes/pinswg_lawfuldevelopmentcertificatappid.js   | 4 ++--
 components/case/summaryTypes/pinswg_ldpid.js                  | 4 ++--
 .../summaryTypes/pinswg_listedbuildingandconservationrid.js   | 4 ++--
 .../case/summaryTypes/pinswg_maintenanceoflands217id.js       | 4 ++--
 .../case/summaryTypes/pinswg_miscellaneouscasewordid.js       | 4 ++--
 components/case/summaryTypes/pinswg_nonvalidationid.js        | 4 ++--
 components/case/summaryTypes/pinswg_planningappeals78id.js    | 4 ++--
 .../case/summaryTypes/pinswg_planningconditionss73s79id.js    | 4 ++--
 .../summaryTypes/pinswg_planningobligationappeals106id.js     | 4 ++--
 components/case/summaryTypes/pinswg_rowid.js                  | 4 ++--
 components/case/summaryTypes/pinswg_transportandworkactid.js  | 4 ++--
 components/case/summaryTypes/pinswg_wayleaveid.js             | 4 ++--
 26 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/components/case/summary.js b/components/case/summary.js
index 6a5b3550..324f71cf 100644
--- a/components/case/summary.js
+++ b/components/case/summary.js
@@ -441,7 +441,7 @@ const CaseSummary = (props) => {
                                             ).length >
                                                 0 ==
                                             true ? (
-                                                <span
+                                                <button
                                                     className="govuk-link"
                                                     onClick={() => {
                                                         confirm(
@@ -473,7 +473,7 @@ const CaseSummary = (props) => {
                                                     {t(
                                                         "case:stop-watching-case-link"
                                                     )}{" "}
-                                                </span>
+                                                </button>
                                             ) : (
                                                 <span
                                                     className=" govuk-link"
diff --git a/components/case/summaryTypes/pinswg_advertsid.js b/components/case/summaryTypes/pinswg_advertsid.js
index 2c83515e..9d5603e3 100644
--- a/components/case/summaryTypes/pinswg_advertsid.js
+++ b/components/case/summaryTypes/pinswg_advertsid.js
@@ -13,7 +13,7 @@ const Pinswg_advertsid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_advertsid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_callinss77id.js b/components/case/summaryTypes/pinswg_callinss77id.js
index 0c491a96..88543edc 100644
--- a/components/case/summaryTypes/pinswg_callinss77id.js
+++ b/components/case/summaryTypes/pinswg_callinss77id.js
@@ -13,7 +13,7 @@ const Pinswg_callinss77id = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_callinss77id = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_commonlandid.js b/components/case/summaryTypes/pinswg_commonlandid.js
index a4bfb24b..6980a5dd 100644
--- a/components/case/summaryTypes/pinswg_commonlandid.js
+++ b/components/case/summaryTypes/pinswg_commonlandid.js
@@ -13,7 +13,7 @@ const Pinswg_commonlandid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_commonlandid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_communityinfrastructurelevyid.js b/components/case/summaryTypes/pinswg_communityinfrastructurelevyid.js
index 773fe4f6..415c63bf 100644
--- a/components/case/summaryTypes/pinswg_communityinfrastructurelevyid.js
+++ b/components/case/summaryTypes/pinswg_communityinfrastructurelevyid.js
@@ -13,7 +13,7 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_communityinfrastructurelevyid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_compulsorypurchaseordersid.js b/components/case/summaryTypes/pinswg_compulsorypurchaseordersid.js
index 5c76f681..5592c56e 100644
--- a/components/case/summaryTypes/pinswg_compulsorypurchaseordersid.js
+++ b/components/case/summaryTypes/pinswg_compulsorypurchaseordersid.js
@@ -13,7 +13,7 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -220,7 +220,7 @@ const Pinswg_compulsorypurchaseordersid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_dnsid.js b/components/case/summaryTypes/pinswg_dnsid.js
index 4e173999..4bda337b 100644
--- a/components/case/summaryTypes/pinswg_dnsid.js
+++ b/components/case/summaryTypes/pinswg_dnsid.js
@@ -111,7 +111,7 @@ const Pinswg_dnsid = (props) => {
 
             <div className="govuk-grid-row">
                 <div className="flex-container grid-row govuk-body case">
-                    <div className="card" id="casescomment-card">
+                    <div className="card" id="case-details-card">
                         <div className="card-body">
                             <div className="govuk-grid-column-full">
                                 <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -447,7 +447,7 @@ const Pinswg_dnsid = (props) => {
                             </div>
                         </div>
                     </div>
-                    <div className="card" id="casescomment-card">
+                    <div className="card" id="key-dates-card">
                         <div className="card-body">
                             <div className="govuk-grid-column-full">
                                 <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_electricityactid.js b/components/case/summaryTypes/pinswg_electricityactid.js
index fd0ca0f6..b81b3cc2 100644
--- a/components/case/summaryTypes/pinswg_electricityactid.js
+++ b/components/case/summaryTypes/pinswg_electricityactid.js
@@ -51,7 +51,7 @@ const Pinswg_electricityactid = (props) => {
             )}
             <div className="govuk-grid-row">
                 <div className="flex-container grid-row govuk-body case">
-                    <div className="card" id="casescomment-card">
+                    <div className="card" id="case-details-card">
                         <div className="card-body">
                             <div className="govuk-grid-column-full">
                                 <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -297,7 +297,7 @@ const Pinswg_electricityactid = (props) => {
                             </div>
                         </div>
                     </div>
-                    <div className="card" id="casescomment-card">
+                    <div className="card" id="key-dates-card">
                         <div className="card-body">
                             <div className="govuk-grid-column-full">
                                 <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_enforcementlistedbuildingconseid.js b/components/case/summaryTypes/pinswg_enforcementlistedbuildingconseid.js
index 64fc7073..cbd8bc83 100644
--- a/components/case/summaryTypes/pinswg_enforcementlistedbuildingconseid.js
+++ b/components/case/summaryTypes/pinswg_enforcementlistedbuildingconseid.js
@@ -13,7 +13,7 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_enforcementlistedbuildingconseid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_enforcementnoticeappeals174id.js b/components/case/summaryTypes/pinswg_enforcementnoticeappeals174id.js
index 8238756f..f2d8d6f6 100644
--- a/components/case/summaryTypes/pinswg_enforcementnoticeappeals174id.js
+++ b/components/case/summaryTypes/pinswg_enforcementnoticeappeals174id.js
@@ -13,7 +13,7 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_enforcementnoticeappeals174id = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_environmentalpermittingid.js b/components/case/summaryTypes/pinswg_environmentalpermittingid.js
index 408f0bbd..35feb755 100644
--- a/components/case/summaryTypes/pinswg_environmentalpermittingid.js
+++ b/components/case/summaryTypes/pinswg_environmentalpermittingid.js
@@ -13,7 +13,7 @@ const Pinswg_environmentalpermittingid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_environmentalpermittingid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_harbourrevisionorderid.js b/components/case/summaryTypes/pinswg_harbourrevisionorderid.js
index e93df561..8f7555e3 100644
--- a/components/case/summaryTypes/pinswg_harbourrevisionorderid.js
+++ b/components/case/summaryTypes/pinswg_harbourrevisionorderid.js
@@ -51,7 +51,7 @@ const Pinswg_harbourrevisionorderid = (props) => {
             )}
             <div className="govuk-grid-row">
                 <div className="flex-container grid-row govuk-body case">
-                    <div className="card" id="casescomment-card">
+                    <div className="card" id="case-details-card">
                         <div className="card-body">
                             <div className="govuk-grid-column-full">
                                 <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -276,7 +276,7 @@ const Pinswg_harbourrevisionorderid = (props) => {
                             </div>
                         </div>
                     </div>
-                    <div className="card" id="casescomment-card">
+                    <div className="card" id="key-dates-card">
                         <div className="card-body">
                             <div className="govuk-grid-column-full">
                                 <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_hedgeshedgerowstreepreservatioid.js b/components/case/summaryTypes/pinswg_hedgeshedgerowstreepreservatioid.js
index 9cd41081..4299b060 100644
--- a/components/case/summaryTypes/pinswg_hedgeshedgerowstreepreservatioid.js
+++ b/components/case/summaryTypes/pinswg_hedgeshedgerowstreepreservatioid.js
@@ -13,7 +13,7 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_hedgeshedgerowstreepreservatioid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_householderappealhasid.js b/components/case/summaryTypes/pinswg_householderappealhasid.js
index c8ee4ddc..866271ae 100644
--- a/components/case/summaryTypes/pinswg_householderappealhasid.js
+++ b/components/case/summaryTypes/pinswg_householderappealhasid.js
@@ -13,7 +13,7 @@ const Pinswg_householderappealhasid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -194,7 +194,7 @@ const Pinswg_householderappealhasid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_lawfuldevelopmentcertificatappid.js b/components/case/summaryTypes/pinswg_lawfuldevelopmentcertificatappid.js
index 9faa8bb5..d3973880 100644
--- a/components/case/summaryTypes/pinswg_lawfuldevelopmentcertificatappid.js
+++ b/components/case/summaryTypes/pinswg_lawfuldevelopmentcertificatappid.js
@@ -13,7 +13,7 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_lawfuldevelopmentcertificatappid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_ldpid.js b/components/case/summaryTypes/pinswg_ldpid.js
index c3441441..d22b9f3f 100644
--- a/components/case/summaryTypes/pinswg_ldpid.js
+++ b/components/case/summaryTypes/pinswg_ldpid.js
@@ -13,7 +13,7 @@ const Pinswg_ldpid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_ldpid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_listedbuildingandconservationrid.js b/components/case/summaryTypes/pinswg_listedbuildingandconservationrid.js
index 50340bfb..734f4496 100644
--- a/components/case/summaryTypes/pinswg_listedbuildingandconservationrid.js
+++ b/components/case/summaryTypes/pinswg_listedbuildingandconservationrid.js
@@ -13,7 +13,7 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_listedbuildingandconservationrid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_maintenanceoflands217id.js b/components/case/summaryTypes/pinswg_maintenanceoflands217id.js
index 659646de..164cf5c1 100644
--- a/components/case/summaryTypes/pinswg_maintenanceoflands217id.js
+++ b/components/case/summaryTypes/pinswg_maintenanceoflands217id.js
@@ -13,7 +13,7 @@ const Pinswg_maintenanceoflands217id = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_maintenanceoflands217id = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_miscellaneouscasewordid.js b/components/case/summaryTypes/pinswg_miscellaneouscasewordid.js
index eb2fc2bf..867c79d2 100644
--- a/components/case/summaryTypes/pinswg_miscellaneouscasewordid.js
+++ b/components/case/summaryTypes/pinswg_miscellaneouscasewordid.js
@@ -13,7 +13,7 @@ const Pinswg_miscellaneouscasewordid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_miscellaneouscasewordid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_nonvalidationid.js b/components/case/summaryTypes/pinswg_nonvalidationid.js
index c7381cec..af35b0d8 100644
--- a/components/case/summaryTypes/pinswg_nonvalidationid.js
+++ b/components/case/summaryTypes/pinswg_nonvalidationid.js
@@ -13,7 +13,7 @@ const Pinswg_nonvalidationid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -152,7 +152,7 @@ const Pinswg_nonvalidationid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_planningappeals78id.js b/components/case/summaryTypes/pinswg_planningappeals78id.js
index 72e62146..b8424ddc 100644
--- a/components/case/summaryTypes/pinswg_planningappeals78id.js
+++ b/components/case/summaryTypes/pinswg_planningappeals78id.js
@@ -13,7 +13,7 @@ const Pinswg_planningappeals78id = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -236,7 +236,7 @@ const Pinswg_planningappeals78id = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_planningconditionss73s79id.js b/components/case/summaryTypes/pinswg_planningconditionss73s79id.js
index fbf0d703..5565a83a 100644
--- a/components/case/summaryTypes/pinswg_planningconditionss73s79id.js
+++ b/components/case/summaryTypes/pinswg_planningconditionss73s79id.js
@@ -13,7 +13,7 @@ const Pinswg_planningconditionss73s79id = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_planningconditionss73s79id = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_planningobligationappeals106id.js b/components/case/summaryTypes/pinswg_planningobligationappeals106id.js
index b2db53c9..917ddddc 100644
--- a/components/case/summaryTypes/pinswg_planningobligationappeals106id.js
+++ b/components/case/summaryTypes/pinswg_planningobligationappeals106id.js
@@ -13,7 +13,7 @@ const Pinswg_planningobligationappeals106id = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -213,7 +213,7 @@ const Pinswg_planningobligationappeals106id = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_rowid.js b/components/case/summaryTypes/pinswg_rowid.js
index 4ef0e34f..f020aa91 100644
--- a/components/case/summaryTypes/pinswg_rowid.js
+++ b/components/case/summaryTypes/pinswg_rowid.js
@@ -13,7 +13,7 @@ const Pinswg_rowid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_rowid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_transportandworkactid.js b/components/case/summaryTypes/pinswg_transportandworkactid.js
index 1f2c1e72..0bdc6817 100644
--- a/components/case/summaryTypes/pinswg_transportandworkactid.js
+++ b/components/case/summaryTypes/pinswg_transportandworkactid.js
@@ -51,7 +51,7 @@ const Pinswg_transportandworkactid = (props) => {
             )}
             <div className="govuk-grid-row">
                 <div className="flex-container grid-row govuk-body case">
-                    <div className="card" id="casescomment-card">
+                    <div className="card" id="case-details-card">
                         <div className="card-body">
                             <div className="govuk-grid-column-full">
                                 <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -128,7 +128,7 @@ const Pinswg_transportandworkactid = (props) => {
                             </div>
                         </div>
                     </div>
-                    <div className="card" id="casescomment-card">
+                    <div className="card" id="key-dates-card">
                         <div className="card-body">
                             <div className="govuk-grid-column-full">
                                 <h3 className="govuk-heading-m govuk-!-margin-bottom-7">
diff --git a/components/case/summaryTypes/pinswg_wayleaveid.js b/components/case/summaryTypes/pinswg_wayleaveid.js
index 98c1bdb4..42af1e80 100644
--- a/components/case/summaryTypes/pinswg_wayleaveid.js
+++ b/components/case/summaryTypes/pinswg_wayleaveid.js
@@ -13,7 +13,7 @@ const Pinswg_wayleaveid = (props) => {
     return (
         <div className="govuk-grid-row">
             <div className="flex-container grid-row govuk-body case">
-                <div className="card" id="casescomment-card">
+                <div className="card" id="case-details-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h2 className="govuk-heading-m govuk-!-margin-bottom-7">
@@ -238,7 +238,7 @@ const Pinswg_wayleaveid = (props) => {
                         </div>
                     </div>
                 </div>
-                <div className="card" id="casescomment-card">
+                <div className="card" id="key-dates-card">
                     <div className="card-body">
                         <div className="govuk-grid-column-full">
                             <h3 className="govuk-heading-m govuk-!-margin-bottom-7">