cds-snc / node-starter-app

Quick start application setup.... because you have to start somewhere.
MIT License
5 stars 3 forks source link

Update CSS for the language switching link #26

Closed pcraig3 closed 5 years ago

pcraig3 commented 5 years ago

Ever since making the <form> CSS generic, the language-switching link (actually a button) had a bunch of new styles to it and it looked kind of broken -- particularly on mobile.

Updated the "header" CSS to fix the styling for the language link.

Screenshots

before after
language link is dropped below the Canada header (because
is a block element) and it has a double undeline (ie, box-shadow)
language link is flush with the top of the Canada header 👍
Screen Shot 2019-09-10 at 4 09 27 PM Screen Shot 2019-09-10 at 4 09 24 PM
form has lots of margin and is full width + box-shadow looks like a bottom underline button + form have no margin and box-shadow is removed 👍
Screen Shot 2019-09-10 at 4 09 35 PM Screen Shot 2019-09-10 at 4 09 33 PM