Merge pull request #1962 from storybooks/fix-header-wrapping

Fix sidebar header wrapping
storybookjs · Oct 4, 2017 · f5ae89d · f5ae89d
2 parents 5c0e443 + c2884d5
commit f5ae89d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/lib/ui/src/modules/ui/components/left_panel/header.js b/lib/ui/src/modules/ui/components/left_panel/header.js
@@ -6,7 +6,6 @@ const wrapperStyle = {
   background: '#F7F7F7',
   marginBottom: 10,
   display: 'flex',
-  height: 27,
 };
 
 const headingStyle = {
@@ -16,8 +15,9 @@ const headingStyle = {
   fontSize: '12px',
   fontWeight: 'bolder',
   color: '#828282',
+  textAlign: 'center',
   cursor: 'pointer',
-  padding: 0,
+  padding: '5px',
   margin: 0,
   overflow: 'hidden',
 };
@@ -37,6 +37,7 @@ const shortcutIconStyle = {
   backgroundColor: 'inherit',
   outline: 0,
   width: 30,
+  flexShrink: 0,
 };
 
 const linkStyle = {