message: improvement(map): update the elements of the in-frame header
  add a language dropdown
  move link to the right and reword
diff: @@ -85,24 +85,16 @@ class Header extends React.Component<Props, State> {
  <AppContext.Consumer>
  {({ lang }) => (
  <header className={className}>
  - <div
  - className="top"
  - style={{ height: '36px', justifyContent: 'center' }}
  - >
  - <p>
  - {t(lang, s => s.inFrameTitle, {
  - map: key => (
  + <div className="top in-frame">
  <a
  - key={key}
  href="https://map.reach4help.org"
  target="_blank"
  rel="noopener noreferrer"
  >
  - Reach4Help.org
  + {t(lang, s => s.inFrameLink)}
  </a>
  - ),
  - })}
  - </p>
  + <span className="grow" />
  + <Languages className="languages" button={false} />
  </div>
  </header>
  )}
  @@ -205,6 +197,20 @@ export default styled(Header)`
  padding: 0 15px;
  }
  + &.in-frame {
  + height: 32px;
  + padding: 0;
  +
  + a {
  + padding: 0 10px;
  + font-size: 14px;
  + font-weight: bold;
  + }
  + .grow {
  + flex-grow: 1;
  + }
  + }
  +
  > .logo {
  flex-grow: 1;
  display: flex;
  