From ce38002b846306ec0edf70050973dda35fb49e58 Mon Sep 17 00:00:00 2001 From: slowbackspace Date: Fri, 25 Jan 2019 11:48:26 +0100 Subject: [PATCH] more responsive topnavigation --- src/views/Wallet/components/TopNavigationAccount/index.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/views/Wallet/components/TopNavigationAccount/index.js b/src/views/Wallet/components/TopNavigationAccount/index.js index 862ca5e3..94977803 100644 --- a/src/views/Wallet/components/TopNavigationAccount/index.js +++ b/src/views/Wallet/components/TopNavigationAccount/index.js @@ -25,8 +25,11 @@ const Wrapper = styled.div` overflow-y: hidden; overflow-x: auto; - @media screen and (max-width: ${SCREEN_SIZE.SM}) { + @media screen and (max-width: ${SCREEN_SIZE.MD}) { justify-content: space-between; + } + + @media screen and (max-width: ${SCREEN_SIZE.SM}) { padding: 0px 16px; } `; @@ -39,7 +42,7 @@ const StyledNavLink = styled(NavLink)` padding: 20px 35px; white-space: nowrap; - @media screen and (max-width: ${SCREEN_SIZE.SM}) { + @media screen and (max-width: ${SCREEN_SIZE.MD}) { padding: 20px 10px; }