From 0bae87acda5a8450131a19209a3361af5ef18846 Mon Sep 17 00:00:00 2001 From: slowbackspace Date: Thu, 3 Jan 2019 18:26:37 +0100 Subject: [PATCH] fix scrollbars --- .../Wallet/components/TopNavigationAccount/index.js | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/views/Wallet/components/TopNavigationAccount/index.js b/src/views/Wallet/components/TopNavigationAccount/index.js index dc06738e..e08bbd9a 100644 --- a/src/views/Wallet/components/TopNavigationAccount/index.js +++ b/src/views/Wallet/components/TopNavigationAccount/index.js @@ -20,10 +20,9 @@ const Wrapper = styled.div` height: 100%; flex: 1; align-items: center; - justify-content: space-between; padding: 0px 30px 0 35px; - max-width: 600px; - overflow-x: scroll; + overflow-y: hidden; + overflow-x: auto; `; const StyledNavLink = styled(NavLink)` @@ -31,8 +30,12 @@ const StyledNavLink = styled(NavLink)` font-size: ${FONT_SIZE.TOP_MENU}; color: ${colors.TEXT_SECONDARY}; margin: 0px 4px; - padding: 20px; + padding: 20px 35px; white-space: nowrap; + + @media screen and (max-width: 850px){ + padding: 20px; + } &.active, &:hover {