Added fixed height and lineHeight to search box (#94)

storybookjs · Apr 11, 2016 · d78271b · d78271b
1 parent 59a9242
commit d78271b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/dist/client/ui/text_filter.js b/dist/client/ui/text_filter.js
@@ -65,7 +65,8 @@ var TextFilter = function (_React$Component) {
         display: 'block',
         width: '100%',
         boxSizing: 'border-box',
-        outline: 'none'
+        outline: 'none',
+        height: 26
       };
 
       var clearButtonStyle = {
@@ -78,7 +79,9 @@ var TextFilter = function (_React$Component) {
         top: 0,
         textAlign: 'center',
         boxSizing: 'border-box',
-        cursor: 'pointer'
+        cursor: 'pointer',
+        height: 26,
+        lineHeight: '20px'
       };
 
       return _react2.default.createElement(

diff --git a/src/client/ui/text_filter.js b/src/client/ui/text_filter.js
@@ -26,6 +26,7 @@ export default class TextFilter extends React.Component {
       width: '100%',
       boxSizing: 'border-box',
       outline: 'none',
+      height: 26,
     };
 
     const clearButtonStyle = {
@@ -39,6 +40,8 @@ export default class TextFilter extends React.Component {
       textAlign: 'center',
       boxSizing: 'border-box',
       cursor: 'pointer',
+      height: 26,
+      lineHeight: '20px',
     };
 
     return (