fix(explore): Icons width (#14717)

* Revert width and margin

* Adjust width

* Increase margin
This commit is contained in:
Geido 2021-05-22 00:41:55 +03:00 committed by GitHub
parent f96fea166c
commit fb6d21a168
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions

View File

@ -60,9 +60,10 @@ export const Label = styled.div`
margin-left: ${theme.gridUnit}px; margin-left: ${theme.gridUnit}px;
} }
.type-label { .type-label {
margin-right: ${theme.gridUnit}px; margin-right: ${theme.gridUnit * 2}px;
margin-left: ${theme.gridUnit}px; margin-left: ${theme.gridUnit}px;
font-weight: ${theme.typography.weights.normal}; font-weight: ${theme.typography.weights.normal};
width: auto;
} }
.option-label { .option-label {
display: inline; display: inline;

View File

@ -43,8 +43,7 @@ const OptionContainer = styled.div`
} }
.type-label { .type-label {
margin-right: ${({ theme }) => theme.gridUnit * 3}px; margin-right: ${({ theme }) => theme.gridUnit * 3}px;
margin-left: ${({ theme }) => theme.gridUnit * 3}px; width: ${({ theme }) => theme.gridUnit * 7}px;
width: ${({ theme }) => theme.gridUnit * 4}px;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
font-weight: ${({ theme }) => theme.typography.weights.bold}; font-weight: ${({ theme }) => theme.typography.weights.bold};