diff --git a/components/case/summary.js b/components/case/summary.js
index 3c096750..a85aae3c 100644
--- a/components/case/summary.js
+++ b/components/case/summary.js
@@ -1047,6 +1047,12 @@ const CaseSummary = (props) => {
"case:watch-this-case-link"
)}
+
+
{/*
+
+
+
{/*
)}
+
)}
@@ -642,6 +707,30 @@ const SearchResults = (props) => {
>
+
)}
diff --git a/i18n.js b/i18n.js
index 725893d7..ba354e6e 100644
--- a/i18n.js
+++ b/i18n.js
@@ -12,6 +12,7 @@ module.exports = {
"*": ["common", "search"],
"/": ["common", "home", "case"],
"/contactus": ["newappeal", "account"],
+ "/myportal/contactus": ["newappeal", "account"],
"/error": ["common", "home", "myportal"],
"/furtherdetails": ["common", "home", "myportal"],
"/myportal": ["myportal", "common", "home", "case"],
diff --git a/styles/sass/welshgov/_application.scss b/styles/sass/welshgov/_application.scss
index 02b49b02..646a3e89 100644
--- a/styles/sass/welshgov/_application.scss
+++ b/styles/sass/welshgov/_application.scss
@@ -2469,6 +2469,8 @@ ul#sharePageLinks.active {
display: block;
}
+
+
.eye {
/* margin: 90px; */
width: 13px;
@@ -2494,9 +2496,79 @@ ul#sharePageLinks.active {
top: 3px;
background-color: #aa1111;
}
+
+ &.mailLink {
+ width: 24px;
+ display: block;
+ margin-top: 5px;
+
+ }
+
+ .icon {
+ margin: 1px;
+ background-color: #fff;
+ border: 1px solid #aa1111;
+ display: inline-block;
+ position: relative;
+ vertical-align: top;
+ margin-top: 0px;
+ margin-left: -3px;
+ }
+
+ .icon:after,
+ .icon:before {
+ background: #fff;
+ border: 1px solid #aa1111;
+ content: "";
+ position: absolute;
+ }
+
+ .icon:hover,
+ .icon:hover:after,
+ .icon:hover:before {
+ background-color: #fff;
+ }
+
+
+ .mailicon {
+ height: 11px;
+ top: 0px;
+ width: 17px;
+ margin-top: 2px;
+ }
+
+ .mailicon:after,
+ .mailicon:before {
+ border-top: none;
+ top: 4px;
+ width: 8px;
+ }
+
+ .mailicon:after {
+ left: -1px;
+ -webkit-transform: rotate(25deg);
+ -moz-transform: rotate(25deg);
+ -ms-transform: rotate(25deg);
+ -o-transform: rotate(25deg);
+ transform: rotate(25deg);
+ }
+
+ .mailicon:before {
+ right: -1px;
+ -webkit-transform: rotate(-25deg);
+ -moz-transform: rotate(-25deg);
+ -ms-transform: rotate(-25deg);
+ -o-transform: rotate(-25deg);
+ transform: rotate(-25deg);
+ }
+
+
+
}
+
+
// modal timeout
.modal {
@@ -2748,7 +2820,8 @@ fade {
}
-.govuk-link.watchCase {
+.govuk-link.watchCase,
+.govuk-link.mailNotification {
background-color: transparent;
border: none;
cursor: pointer;
@@ -2763,6 +2836,8 @@ fade {
}
}
+
+
.fieldArrayLink {
border: none;
background: no-repeat;