Web: Common: fixed help-button styles

This commit is contained in:
Nikita Gopienko 2019-12-26 17:08:24 +03:00
parent 6b3772ca97
commit e0a9fabb0b
2 changed files with 17 additions and 9 deletions

View File

@ -48,13 +48,16 @@ const InfoItemValue = styled.div`
} }
} }
.help-icon { .help-icon {
margin-top: -8px;
}
`;
const TooltipIcon = styled.div`
padding-top: 6px;
display: inline-flex; display: inline-flex;
@media(min-width: 1025px) {
margin-top: 6px;
}
@media(max-width: 1024px) {
padding: 6px 8px 8px 8px;
margin-left: -8px;
}
}
`; `;
const IconButtonWrapper = styled.div` const IconButtonWrapper = styled.div`
@ -349,7 +352,6 @@ class ProfileInfo extends React.PureComponent {
size='content' size='content'
className='language-combo' className='language-combo'
/> />
<TooltipIcon>
<HelpButton <HelpButton
place="bottom" place="bottom"
offsetLeft={50} offsetLeft={50}
@ -358,8 +360,6 @@ class ProfileInfo extends React.PureComponent {
helpButtonHeaderContent={t('Language')} helpButtonHeaderContent={t('Language')}
className="help-icon" className="help-icon"
/> />
</TooltipIcon>
</InfoItemValue> </InfoItemValue>
</InfoItem> </InfoItem>

View File

@ -57,6 +57,14 @@ const FormContainer = styled.form`
} }
.login-tooltip { .login-tooltip {
display: inline-flex; display: inline-flex;
@media(min-width: 1025px) {
margin-left: 8px;
margin-top: 4px;
}
@media(max-width: 1024px) {
padding: 4px 8px 8px 8px;
}
} }
} }
.login-link { .login-link {