From 1aae8dc0b26ad5b1cdefcc077d35db1d8c72b9e0 Mon Sep 17 00:00:00 2001 From: slowbackspace Date: Fri, 18 Jan 2019 16:09:31 +0100 Subject: [PATCH] device counter centering using flexbox --- src/views/Wallet/components/LeftNavigation/index.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/views/Wallet/components/LeftNavigation/index.js b/src/views/Wallet/components/LeftNavigation/index.js index cca5eab1..c98c7b72 100644 --- a/src/views/Wallet/components/LeftNavigation/index.js +++ b/src/views/Wallet/components/LeftNavigation/index.js @@ -24,13 +24,14 @@ const Header = styled(DeviceHeader)` `; const Counter = styled.div` + display: flex; + justify-content: center; + align-items: center; border: 1px solid ${colors.DIVIDER}; border-radius: 50%; color: ${colors.TEXT_SECONDARY}; width: 24px; height: 24px; - line-height: 22px; - text-align: center; font-size: ${FONT_SIZE.COUNTER}; margin-right: 8px; `;