watched case and stop wathcing case added

styles/sass/patterns/_card.scss

@@ -261,7 +261,7 @@ div.cardModuleItem:last-of-type {
         padding-bottom: 0px;
         border-radius: 5px;
         width: auto;
-        color: white;
+        color: white !important;
         font-weight: bold;
         background-color: $red;
         font-size: 15px;
@@ -273,7 +273,8 @@ div.cardModuleItem:last-of-type {
 
         &:hover {
             background-color: $lightred;
-            color: $white;
+            color: $white !important;
+            text-decoration: none;
         }
 
         &:focus {
@@ -286,9 +287,9 @@ div.cardModuleItem:last-of-type {
         &: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;
+            // background-color: #ffdd00;
+            // -webkit-box-shadow: 0 2px 0 #0b0c0c;
+            // box-shadow: 0 2px 0 #0b0c0c;
         }
     }
 }

styles/sass/welshgov/_application.scss

@@ -188,6 +188,20 @@ a.longLinkBreak {
 .servicebanner {
     h1 {
         margin-bottom: 0px;
+        display: flex;
+        justify-content: space-between;
+
+        .pedw_logo {
+            width: 120px;
+            padding-right: 10px;
+        }
+
+        @media screen and (max-width: 360px) {
+            flex-direction: column-reverse;
+            .pedw_logo {
+                margin-bottom: 20px;
+            }
+        }
     }
 }
 
@@ -712,6 +726,13 @@ textarea,
 .results .govuk-summary-list__key {
     &:last-of-type {
         width: 30%;
+        &.govuk-summary-list__action {
+            width: 10%;
+
+            @media screen and (max-width: 768px) {
+                width: 100%;
+            }
+        }
     }
 }
 
@@ -1538,3 +1559,48 @@ ul#sharePageLinks.active {
         display: none;
     }
 }
+
+.govuk-summary-list__actionLink {
+    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;
+    text-decoration: none;
+
+    &:active {
+        top: 2px;
+    }
+
+    &:hover {
+        background-color: $lightred;
+        color: $white;
+    }
+
+    &: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;
+    }
+
+    &.watched_link {
+        color: $black !important;
+        background-color: $white;
+    }
+}