about summary refs log tree commit diff
path: root/app/assets/javascripts/components/features/ui
diff options
context:
space:
mode:
authorJessica Stokes <hello@jessicastokes.net>2017-01-04 17:25:48 -0800
committerJessica Stokes <hello@jessicastokes.net>2017-01-04 17:29:09 -0800
commit3807b0b171d588ccccfc6210c823e5ce87b9b90f (patch)
treeac9e7a20551f1bb8760c8fb3815bcb6dc6bf21ae /app/assets/javascripts/components/features/ui
parent98b83aca372fabdfc32b05c1eb72c80a79102e53 (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/features/ui')
-rw-r--r--app/assets/javascripts/components/features/ui/components/tabs_bar.jsx3
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 = {