tidied up view all and icon

components/myportal/topthree_reps.js

@@ -234,13 +234,13 @@ const TopThree = (props) => {
                             <div className="deleteCase">
                                 <button
                                     title={t(
-                                        "case:do-you-want-to-delete-case-label"
+                                        "case:do-you-want-to-delete-rep-label"
                                     )}
                                     className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
                                     onClick={() => {
                                         confirm(
                                             t(
-                                                "case:do-you-want-to-delete-case-label"
+                                                "case:do-you-want-to-delete-rep-label"
                                             ) +
                                                 showTopThreeArr[key]
                                                     .pinswg_name +

components/myportal/viewall.js

@@ -270,6 +270,9 @@ const ViewAllResults = (props) => {
                                         ? currentView.viewKey ==
                                           "myRepresentations"
                                             ? resultsArr[key].caseRef
+                                            : currentView.viewKey ==
+                                              "awaitingSubmissionDetails"
+                                            ? resultsArr[key].title
                                             : resultsArr[key].pinswg_title
                                         : resultsArr[key][
                                               "_pinswg_watchedcase_value@OData.Community.Display.V1.FormattedValue"
@@ -690,12 +693,12 @@ const ViewAllResults = (props) => {
                               ] || "N/A"}
                     </dd>
                     {currentView.viewKey == "awaitingSubmissionDetails" && (
-                        <dd className="govuk-summary-list__value govuk-!-font-size-16 cardModuleItem ">
+                        <dd className="govuk-summary-list__value govuk-!-font-size-16  ">
                             <button
                                 title={t(
                                     "case:do-you-want-to-delete-case-label"
                                 )}
-                                className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
+                                className="  cardModuleRemoveCase govuk-summary-list__actionLink"
                                 onClick={() => {
                                     confirm(
                                         t(
@@ -718,12 +721,12 @@ const ViewAllResults = (props) => {
                         </dd>
                     )}
                     {currentView.viewKey == "myRepresentations" && (
-                        <dd className="govuk-summary-list__value govuk-!-font-size-16 cardModuleItem ">
+                        <dd className="govuk-summary-list__value govuk-!-font-size-16  ">
                             <button
                                 title={t(
-                                    "case:do-you-want-to-delete-case-label"
+                                    "case:do-you-want-to-delete-rep-label"
                                 )}
-                                className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
+                                className="  cardModuleRemoveCase govuk-summary-list__actionLink "
                                 onClick={() => {
                                     confirm(
                                         t(
@@ -748,12 +751,12 @@ const ViewAllResults = (props) => {
                     )}
 
                     {currentView.viewKey == "watchedCases" && (
-                        <dd className="govuk-summary-list__value govuk-!-font-size-16 cardModuleItem ">
+                        <dd className="govuk-summary-list__value govuk-!-font-size-16  ">
                             <button
                                 title={t(
-                                    "case:do-you-want-to-delete-case-label"
+                                    "case:you-have-stopped-watching-label"
                                 )}
-                                className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
+                                className=" cardModuleRemoveCase govuk-summary-list__actionLink "
                                 onClick={() => {
                                     confirm(
                                         t(
@@ -1094,6 +1097,14 @@ const ViewAllResults = (props) => {
                                         t("search:searchresults-status-label")
                                     )}
                                 </dd>
+
+                                {(currentView.viewKey == "watchedCases" ||
+                                    currentView.viewKey ==
+                                        "awaitingSubmissionDetails" ||
+                                    currentView.viewKey ==
+                                        "myRepresentations") && (
+                                    <dd className="govuk-summary-list__key govuk-!-font-size-16 govuk-summary-list__action"></dd>
+                                )}
                             </div>
                             {showSpinnerState == true ? (
                                 <div className="govuk-summary-list__row">

locales/cy/case.json

@@ -96,6 +96,7 @@
     "trying-to-watch-case-redirect-label": "Fe'ch anogir nawr i fewngofnodi",
     "you-have-stopped-watching-label": "Ydych chi am roi'r gorau i wylio achos ",
     "do-you-want-to-delete-case-label": "Ydych chi am ddileu achos",
+    "do-you-want-to-delete-rep-label": "Ydych chi eisiau dileu cynrychiolaeth sy'n aros i'w chyflwyno",
     "do-you-want-to-delete-case-disclaimer-label": "Ar ôl dileu, bydd yr holl wybodaeth a gyflwynwyd gennych yn cael ei cholli.",
     "representation-date-passed-label": "Mae'r cyfnod cyflwyno sylwadau ar gyfer yr apêl hon rhwng {{startDate}} a {{endDate}}",
     "representation-date-passed-additional-label": "Gallwch wneud sylw drwy e-bostio,",

locales/en/case.json

@@ -96,6 +96,7 @@
     "trying-to-watch-case-redirect-label": "You will now be prompted to sign in",
     "you-have-stopped-watching-label": "Do you want to stop watching case ",
     "do-you-want-to-delete-case-label": "Do you want to delete case ",
+    "do-you-want-to-delete-rep-label": "Do you want to delete representation awaiting submission",
     "do-you-want-to-delete-case-disclaimer-label": "Once deleted all information you have submited, will be lost.",
     "representation-date-passed-label": "The representation period for this appeal is between {{startDate}} and {{endDate}}",
     "representation-date-passed-additional-label": "You can make a representation by emailing,",

styles/sass/welshgov/_application.scss

@@ -2502,6 +2502,46 @@ ul#sharePageLinks.active {
         top: 3px;
         background-color: #aa1111;
     }
+
+    & .cardModuleRemoveCase {
+        border: 1px solid $red;
+        padding: 5px;
+        height: 20px;
+        padding-top: 0px;
+        padding-bottom: 0px;
+        border-radius: 5px;
+        width: auto;
+        color: white !important;
+        font-weight: bold;
+        background-color: $red;
+        font-size: 15px;
+        cursor: pointer;
+
+        &:active {
+            top: 2px;
+        }
+
+        &:hover {
+            background-color: $lightred;
+            color: $white !important;
+            text-decoration: none;
+        }
+
+        &:focus {
+            border-color: #ffdd00;
+            outline: 3px solid transparent;
+            -webkit-box-shadow: inset 0 0 0 1px #ffdd00;
+            box-shadow: inset 0 0 0 1px #ffdd00;
+        }
+
+        &:focus:not(:active):not(:hover) {
+            border-color: #ffdd00;
+            color: #0b0c0c;
+            // background-color: #ffdd00;
+            // -webkit-box-shadow: 0 2px 0 #0b0c0c;
+            // box-shadow: 0 2px 0 #0b0c0c;
+        }
+    }
 }