diff options
author | Jessica Stokes <hello@jessicastokes.net> | 2017-01-04 17:25:48 -0800 |
---|---|---|
committer | Jessica Stokes <hello@jessicastokes.net> | 2017-01-04 17:29:09 -0800 |
commit | 3807b0b171d588ccccfc6210c823e5ce87b9b90f (patch) | |
tree | ac9e7a20551f1bb8760c8fb3815bcb6dc6bf21ae /app/assets/javascripts/components | |
parent | 98b83aca372fabdfc32b05c1eb72c80a79102e53 (diff) |
Improve quality of life for 4-inch phones
Removes extra UI margins < 360px, and allows the tab bar to scroll. Also slightly improves horizontal scrolling behaviour on desktop.
Diffstat (limited to 'app/assets/javascripts/components')
-rw-r--r-- | app/assets/javascripts/components/features/ui/components/tabs_bar.jsx | 3 |
1 files changed, 1 insertions, 2 deletions
diff --git a/app/assets/javascripts/components/features/ui/components/tabs_bar.jsx b/app/assets/javascripts/components/features/ui/components/tabs_bar.jsx index 219979522..499c9e287 100644 --- a/app/assets/javascripts/components/features/ui/components/tabs_bar.jsx +++ b/app/assets/javascripts/components/features/ui/components/tabs_bar.jsx @@ -3,9 +3,8 @@ import { FormattedMessage } from 'react-intl'; const outerStyle = { background: '#373b4a', - margin: '10px', flex: '0 0 auto', - marginBottom: '0' + overflowY: 'auto' }; const tabStyle = { |