diff --git a/src/client/components/App.js b/src/client/components/App.js index 8d2e08a5db3670ad45b68b87c609972649fc7a58..26cc7ffa590e1af360b978fcaf3babb55b06b427 100644 --- a/src/client/components/App.js +++ b/src/client/components/App.js @@ -12,6 +12,15 @@ const theme = createMuiTheme({ tooltip: { fontSize: '1 rem' } + }, + MuiExpansionPanel: { + root: { + '&$expanded': { + marginTop: 8, + marginBottom: 8 + } + + } } } }); diff --git a/src/client/components/facet_bar/FacetBar.js b/src/client/components/facet_bar/FacetBar.js index cee93f71f49fb134d1378328f44c21bc5f0fb7cd..fd91c4597609818ff87df4418d67633a64aacc27 100644 --- a/src/client/components/facet_bar/FacetBar.js +++ b/src/client/components/facet_bar/FacetBar.js @@ -23,14 +23,6 @@ const styles = theme => ({ borderBottomLeftRadius: 0, borderBottomRightRadius: 0 }, - expansionPanelRoot: { - margin: 0, - //marginBottom: theme.spacing(1) - }, - expansionPanelRootExpanded: { - margin: theme.spacing(1), - //marginBottom: theme.spacing(1) - }, expansionPanelSummaryRoot: { paddingLeft: theme.spacing(1), cursor: 'default !important' @@ -167,10 +159,6 @@ class FacetBar extends React.Component { <ExpansionPanel key={facetID} expanded={isActive} - classes={{ - root: classes.expansionPanelRoot, - expanded: classes.expansionPanelRootExpanded - }} > <ExpansionPanelSummary classes={{