diff options
Diffstat (limited to 'web-ui/src/common')
-rw-r--r-- | web-ui/src/common/header/header.js | 15 | ||||
-rw-r--r-- | web-ui/src/common/header/header.scss | 36 |
2 files changed, 45 insertions, 6 deletions
diff --git a/web-ui/src/common/header/header.js b/web-ui/src/common/header/header.js index b32988c6..db9011e3 100644 --- a/web-ui/src/common/header/header.js +++ b/web-ui/src/common/header/header.js @@ -22,10 +22,17 @@ import './header.scss'; export const Header = ({ t }) => ( <header className='header-wrapper'> <div className='header-content'> - <img className='header-logo' src='/startup-assets/pixelated-logo-orange.svg' alt='Pixelated' /> - </div> - <div className='header-icons'> - <a href='/'><i className='fa fa-sign-out' aria-hidden='true'></i></a> + <img + className='header-logo' + src='/startup-assets/pixelated-logo-orange.svg' + alt='Pixelated' + /> + <div className='header-icons'> + <a href='/'> + <span>{t('logout')}</span> + <i className='fa fa-sign-out' aria-hidden='true' /> + </a> + </div> </div> </header> ); diff --git a/web-ui/src/common/header/header.scss b/web-ui/src/common/header/header.scss index d7472677..bd79280d 100644 --- a/web-ui/src/common/header/header.scss +++ b/web-ui/src/common/header/header.scss @@ -23,7 +23,7 @@ background: $white; box-shadow: 0 2px 3px 0 $shadow; - padding: 5px 0; + padding: 7px 0; } .header-content { @@ -42,13 +42,45 @@ position: absolute; right: 6%; + span { + display: none; + } + .fa { font-size: 1.3em; + margin-left: 0.4em; color: $medium_light_grey; } } -@media only screen and (min-width : 500px) { +@media only screen and (min-width : 960px) { + .header-content { + flex-basis: 64%; + max-width: 820px; + justify-content: space-between; + } + + .header-icons { + position: relative; + right: 0; + a { + display: flex; + align-items: center; + } + + span { + display: inline; + color: $medium_light_grey; + font-style: normal; + font-size: 0.7em; + padding-bottom: 0.1em; + } + + .fa { + font-size: 1em; + margin-right: 0; + } + } } |