diff --git a/.changeset/many-pianos-bow.md b/.changeset/many-pianos-bow.md new file mode 100644 index 0000000000..6c4e3be47f --- /dev/null +++ b/.changeset/many-pianos-bow.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-adr': patch +--- + +Fix icon alignment in `AdrSearchResultListItem` diff --git a/plugins/adr/src/search/AdrSearchResultListItem.tsx b/plugins/adr/src/search/AdrSearchResultListItem.tsx index 118333a439..eebf74861d 100644 --- a/plugins/adr/src/search/AdrSearchResultListItem.tsx +++ b/plugins/adr/src/search/AdrSearchResultListItem.tsx @@ -33,6 +33,9 @@ import { ResultHighlight } from '@backstage/plugin-search-common'; import { HighlightedSearchResultText } from '@backstage/plugin-search-react'; const useStyles = makeStyles({ + item: { + display: 'flex', + }, flexContainer: { flexWrap: 'wrap', }, @@ -66,59 +69,63 @@ export function AdrSearchResultListItem(props: AdrSearchResultListItemProps) { return ( <> - + {icon && {icon}} - - {highlight?.fields.title ? ( - - ) : ( - result.title - )} - - } - secondary={ - - {highlight?.fields.text ? ( - - ) : ( - result.text - )} - - } - /> - - + + {highlight?.fields.title ? ( + + ) : ( + result.title + )} + + } + secondary={ + + {highlight?.fields.text ? ( + + ) : ( + result.text + )} + + } /> - {result.status && ( - - )} - {result.date && } - + + + {result.status && ( + + )} + {result.date && ( + + )} + +