diff --git a/web/cashtab/extension/src/components/App.js b/web/cashtab/extension/src/components/App.js --- a/web/cashtab/extension/src/components/App.js +++ b/web/cashtab/extension/src/components/App.js @@ -203,20 +203,18 @@ `; const NavMenu = styled.div` - position: absolute; + position: fixed; + right:0; + margin-right: 1px; bottom: 5rem; display: flex; - //NavMenu has a greater width in the extension - width: 8.5rem; + width: 8rem; flex-direction: column; border: ${props => (props.open ? '0.1px solid' : '0px solid')}; border-color: ${props => props.open ? props.theme.contrast : 'transparent'}; justify-content: center; align-items: center; - @media (max-width: 768px) { - margin-right: 4rem; - } overflow: hidden; transition: ${props => props.open diff --git a/web/cashtab/src/components/App.js b/web/cashtab/src/components/App.js --- a/web/cashtab/src/components/App.js +++ b/web/cashtab/src/components/App.js @@ -204,18 +204,21 @@ `; const NavMenu = styled.div` - position: absolute; + position: fixed; + float: right; + margin-right:1px; bottom: 5rem; display: flex; - width: 8.31rem; + width: 8.23rem; flex-direction: column; - border: ${props => (props.open ? '0.1px solid' : '0px solid')}; + border: ${props => (props.open ? '1px solid' : '0px solid')}; border-color: ${props => props.open ? props.theme.contrast : 'transparent'}; justify-content: center; align-items: center; @media (max-width: 768px) { - margin-right: 4rem; + right: 0; + margin-right: 0; } overflow: hidden; transition: ${props =>