diff --git a/src/components/SearchHit.js b/src/components/SearchHit.js index f21147df816e41cdd0885db2ec3eda2723c9cb2f..f2db8a9653cf18eb1a446455b418e087224f55e4 100644 --- a/src/components/SearchHit.js +++ b/src/components/SearchHit.js @@ -114,7 +114,6 @@ export class SearchHit extends Component { }), }, paddingRight: 1, - }} divider button={!selected} diff --git a/src/components/SearchPanel.js b/src/components/SearchPanel.js index 368d7fafa0763f62ab0e97a515acc4cbdad303c8..42550dddf38e39fe4681302927f4ad07b09a379b 100644 --- a/src/components/SearchPanel.js +++ b/src/components/SearchPanel.js @@ -64,17 +64,9 @@ export class SearchPanel extends Component { /> { fetchSearch && suggestedSearches && query === '' && suggestedSearches.map(search => ( - <Typography component="p" key={search} variant="body1"> + <Typography component="p" key={search} variant="body1" sx={{ margin: 2 }}> <Button - sx={{ - '& span': { - lineHeight: '1.5em', - }, - margin: 2, - padding: 0, - textAlign: 'inherit', - textTransform: 'none', - }} + variant="inlineText" color="secondary" onClick={() => fetchSearch(`${searchService.id}?q=${search}`, search)} > diff --git a/src/config/settings.js b/src/config/settings.js index 1f9cf3eb5eaed0ac0cfa9cfa54c4934a1c239d4f..90db80b1f87d2a6cbd069d96706320dcfed0fddb 100644 --- a/src/config/settings.js +++ b/src/config/settings.js @@ -324,6 +324,20 @@ export default { }, ], }, + MuiButton: { + styleOverrides: { + inlineText: { + lineHeight: '1.5em', + padding: 0, + textAlign: 'inherit', + textTransform: 'none', + + }, + inlineTextSecondary: ({ theme }) => ({ + color: theme.palette.secondary.main, + }), + } + }, MuiButtonBase: { defaultProps: { disableTouchRipple: true,