Merge pull request #72 from jbetancur/fix-subheader-spacing

fix subheader padding

Author: jbetancur

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-data-table-component",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "A declarative react based data table",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

src/DataTable/TableSubheader.js

@@ -13,8 +13,7 @@ const SubheaderWrapper = styled.header`
   display: flex;
   flex: 1 1 auto;
   align-items: center;
-  padding: 0 16px 0 24px;
-  min-height: 48px;
+  padding: 0 16px 8px 24px;
   width: 100%;
   background-color: ${props => props.theme.title.backgroundColor};
   justify-content: ${props => alignMap[props.align]};

src/DataTable/__tests__/__snapshots__/TableSubHeader.test..js.snap

@@ -14,8 +14,7 @@ exports[`<TableSubheader defaults should render correctly 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: 0 16px 0 24px;
-  min-height: 48px;
+  padding: 0 16px 8px 24px;
   width: 100%;
   background-color: transparent;
   -webkit-box-pack: end;
@@ -46,8 +45,7 @@ exports[`<TableSubheader with component should render correctly 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: 0 16px 0 24px;
-  min-height: 48px;
+  padding: 0 16px 8px 24px;
   width: 100%;
   background-color: transparent;
   -webkit-box-pack: end;
@@ -80,8 +78,7 @@ exports[`<TableSubheader with component should render correctly with center alig
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: 0 16px 0 24px;
-  min-height: 48px;
+  padding: 0 16px 8px 24px;
   width: 100%;
   background-color: transparent;
   -webkit-box-pack: center;
@@ -114,8 +111,7 @@ exports[`<TableSubheader with component should render correctly with left align
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: 0 16px 0 24px;
-  min-height: 48px;
+  padding: 0 16px 8px 24px;
   width: 100%;
   background-color: transparent;
   -webkit-box-pack: start;
@@ -148,8 +144,7 @@ exports[`<TableSubheader with component should render correctly with right align
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: 0 16px 0 24px;
-  min-height: 48px;
+  padding: 0 16px 8px 24px;
   width: 100%;
   background-color: transparent;
   -webkit-box-pack: end;
@@ -182,8 +177,7 @@ exports[`<TableSubheader with component should render when wrap is false 1`] = `
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: 0 16px 0 24px;
-  min-height: 48px;
+  padding: 0 16px 8px 24px;
   width: 100%;
   background-color: transparent;
   -webkit-box-pack: end;

src/DataTable/propTypes.js

@@ -118,7 +118,7 @@ export const defaultProps = {
   noHeader: false,
   subHeader: false,
   subHeaderAlign: 'right',
-  subHeaderWrap: false,
+  subHeaderWrap: true,
   subHeaderComponent: [],
   onRowClicked: null,
   fixedHeader: false,