14627 ui for email notifications

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;