added watched cases and remove watched cases

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;
+            }
+        }
     }
 }
 
@@ -1584,4 +1598,9 @@ ul#sharePageLinks.active {
         -webkit-box-shadow: 0 2px 0 #0b0c0c;
         box-shadow: 0 2px 0 #0b0c0c;
     }
+
+    &.watched_link {
+        color: $black !important;
+        background-color: $white;
+    }
 }