device counter centering using flexbox

pull/338/head
slowbackspace 5 years ago
parent 2e5f7f6c46
commit 1aae8dc0b2

@ -24,13 +24,14 @@ const Header = styled(DeviceHeader)`
`; `;
const Counter = styled.div` const Counter = styled.div`
display: flex;
justify-content: center;
align-items: center;
border: 1px solid ${colors.DIVIDER}; border: 1px solid ${colors.DIVIDER};
border-radius: 50%; border-radius: 50%;
color: ${colors.TEXT_SECONDARY}; color: ${colors.TEXT_SECONDARY};
width: 24px; width: 24px;
height: 24px; height: 24px;
line-height: 22px;
text-align: center;
font-size: ${FONT_SIZE.COUNTER}; font-size: ${FONT_SIZE.COUNTER};
margin-right: 8px; margin-right: 8px;
`; `;

Loading…
Cancel
Save