From 9ed7ea9c0c46419c6606d940fc0406bfe9131aaf Mon Sep 17 00:00:00 2001 From: slowbackspace Date: Thu, 28 Feb 2019 15:05:36 +0100 Subject: [PATCH] add dropdown arrow --- .../Header/components/LanguagePicker/index.js | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/components/Header/components/LanguagePicker/index.js b/src/components/Header/components/LanguagePicker/index.js index 797e0518..13b451c0 100644 --- a/src/components/Header/components/LanguagePicker/index.js +++ b/src/components/Header/components/LanguagePicker/index.js @@ -12,7 +12,11 @@ const SelectWrapper = styled.div` display: flex; color: ${colors.WHITE}; align-items: center; - width: 140px; + width: 180px; + + @media screen and (max-width: ${SCREEN_SIZE.MD}) { + width: 140px; + } @media screen and (max-width: ${SCREEN_SIZE.XS}) { width: 100px; @@ -22,6 +26,7 @@ const SelectWrapper = styled.div` const SelectIcon = styled.span` margin-right: -24px; padding-left: 6px; + display: flex; `; const styles = { @@ -46,7 +51,8 @@ const styles = { width: '100%', }), dropdownIndicator: () => ({ - display: 'none', + display: 'block', + marginTop: '3px', }), menu: base => ({ ...base,