diff --git a/src/client/components/facet_results/MaterialTableFullTextResults.js b/src/client/components/facet_results/MaterialTableFullTextResults.js index d69bbc64d0b7f53a1a47cbc3d34a4bb7ab309f6e..d42cf73d48372c7afb2478f5cf3b67e0d0228960 100644 --- a/src/client/components/facet_results/MaterialTableFullTextResults.js +++ b/src/client/components/facet_results/MaterialTableFullTextResults.js @@ -22,6 +22,10 @@ const styles = () => ({ alignItems: 'center', justifyContent: 'center', }, + tableContainer: { + maxWidth: '100%', + height: 'calc(100% - 72px)' + } }); class MaterialTableFullTextResults extends React.Component { @@ -32,14 +36,17 @@ class MaterialTableFullTextResults extends React.Component { let resultText = results == 1 ? 'result' : 'results'; if (this.props.fetching) { return ( - <Paper className={this.props.classes.progressContainer}> + <Paper square className={this.props.classes.progressContainer}> <CircularProgress style={{ color: purple[500] }} thickness={5} /> </Paper> ); } else { return ( - <div style={{ maxWidth: '100%' }}> + <div className={this.props.classes.tableContainer}> <MaterialTable + options={{ + maxBodyHeight: '100%' + }} columns={[ { title: 'Label', diff --git a/src/client/components/perspectives/All.js b/src/client/components/perspectives/All.js index 331bf3351b6c359544f21d5b502e47a78a1b1a4b..d7621dea94bd223b3e1dc60bc18e2022141d6ba8 100644 --- a/src/client/components/perspectives/All.js +++ b/src/client/components/perspectives/All.js @@ -13,6 +13,7 @@ const All = props => { tabs={[{ id: 'table', label: 'table', + icon: 'CalendarViewDay', value: 0, }]} />