smaller lang flag

pull/402/head^2
slowbackspace 5 years ago
parent 5ad47423e2
commit 0e1b4cf685

@ -14,13 +14,13 @@ const SelectWrapper = styled.div`
`; `;
const SelectIcon = styled.span` const SelectIcon = styled.span`
padding: 0px 6px; margin-right: -24px;
margin-right: -38px; padding-left: 6px;
`; `;
const StyledSelect = styled.select` const StyledSelect = styled.select`
height: 100%; height: 100%;
padding-left: 32px; padding-left: 30px;
border: 0; border: 0;
background: transparent; background: transparent;
cursor: pointer; cursor: pointer;
@ -34,8 +34,8 @@ const StyledSelect = styled.select`
const LanguagePicker = ({ language, fetchLocale }: Props) => ( const LanguagePicker = ({ language, fetchLocale }: Props) => (
<SelectWrapper> <SelectWrapper>
<SelectIcon role="img" aria-label="Select language"> <SelectIcon role="img" aria-label="Select language">
<svg width="32" height="24"> <svg width="24" height="18">
<image xlinkHref={`l10n/flags/${language}.svg`} width="32" height="24" /> <image xlinkHref={`l10n/flags/${language}.svg`} width="24" height="18" />
</svg> </svg>
</SelectIcon> </SelectIcon>
<StyledSelect <StyledSelect

Loading…
Cancel
Save