Merge pull request #2127 from veteransaffairscanada/develop

Develop- Merge hotfix for IE11 css fix

Author: thomascraig

components/vac_header_en.js

@@ -37,15 +37,16 @@ class VacHeaderEn extends Component {
                   <a
                     href="https://www.canada.ca/en.html"
                     className="h6 light-grey"
+                    rel="noopener"
                   >
-                    Canada.ca
+                    <span className="hidden-xs">Canada.ca</span>
                     <img
                       id="maple-leaf"
                       src={
                         path +
                         "/GCWeb/assets/2018-redesign/vector-maple-leaf.svg"
                       }
-                      alt=""
+                      alt="maple leaf"
                     />
                   </a>
                 </li>
@@ -61,13 +62,13 @@ class VacHeaderEn extends Component {
                     }}
                     className="h6 light-grey"
                   >
-                    Français
+                    <span className="hidden-xs">Français</span>
                     <img
                       id="language-globe"
                       src={
                         path + "/GCWeb/assets/2018-redesign/vector-globe.svg"
                       }
-                      alt=""
+                      alt="globe"
                     />
                   </a>
                 </li>
@@ -78,15 +79,17 @@ class VacHeaderEn extends Component {
                     href={path + "/eng/e_services/" + utm}
                     className="h6 light-grey"
                   >
-                    My <abbr title="Veterans Affairs Canada">VAC</abbr>{" "}
-                    Account&nbsp;
+                    <span className="hidden-xs">
+                      My <abbr title="Veterans Affairs Canada">VAC</abbr>{" "}
+                      Account&nbsp;
+                    </span>
                     <img
                       id="mva-logo"
                       className="mrgn-lft-sm"
                       src={
                         path + "/GCWeb/assets/2018-redesign/vector-mva-logo.svg"
                       }
-                      alt=""
+                      alt="open folder"
                     />
                   </a>
                 </li>

static/vac_header.css

@@ -20,6 +20,7 @@
 }
 #header_css img {
   border: 0;
+  vertical-align: middle;
 }
 #header_css hr {
   -webkit-box-sizing: content-box;
@@ -372,6 +373,8 @@
 #header_css #wb-bnr,
 #header_css #wb-bnr a {
   font-family: Montserrat, sans-serif;
+  padding: 0 8px;
+  text-transform: uppercase;
 }
 #header_css #wb-bnr .brand {
   margin: 16px 0;
@@ -380,7 +383,6 @@
   height: 26px;
 }
 #header_css #wb-bnr img#mva-logo {
-  height: 20px;
   position: relative;
   top: 1px;
 }
@@ -389,7 +391,6 @@
 }
 #header_css #wb-bnr img#language-globe,
 #header_css img#maple-leaf {
-  height: 20px;
   margin-left: 5px;
   position: relative;
   top: -2px;