From a02091cc1975382bb3ea2ffca58e994593ad95fb Mon Sep 17 00:00:00 2001 From: Joao Silva <100691367+JoaoSilvaGrafana@users.noreply.github.com> Date: Thu, 30 Mar 2023 11:05:44 +0200 Subject: [PATCH] Search: Fix checkbox and row styles (#65515) --- packages/grafana-ui/src/components/Forms/Checkbox.tsx | 3 ++- .../app/features/search/page/components/SearchResultsTable.tsx | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/grafana-ui/src/components/Forms/Checkbox.tsx b/packages/grafana-ui/src/components/Forms/Checkbox.tsx index 0d0b708d251..b769c514137 100644 --- a/packages/grafana-ui/src/components/Forms/Checkbox.tsx +++ b/packages/grafana-ui/src/components/Forms/Checkbox.tsx @@ -57,12 +57,13 @@ export const getCheckboxStyles = stylesFactory((theme: GrafanaTheme2) => { return { wrapper: css` - display: grid; + display: inline-grid; align-items: center; column-gap: ${theme.spacing(labelPadding)}; grid-template-columns: auto 1fr; grid-template-rows: auto auto; position: relative; + vertical-align: middle; `, input: css` position: absolute; diff --git a/public/app/features/search/page/components/SearchResultsTable.tsx b/public/app/features/search/page/components/SearchResultsTable.tsx index c3d5d96882c..a1de8901c66 100644 --- a/public/app/features/search/page/components/SearchResultsTable.tsx +++ b/public/app/features/search/page/components/SearchResultsTable.tsx @@ -52,7 +52,7 @@ export const SearchResultsTable = React.memo( }: SearchResultsProps) => { const styles = useStyles2(getStyles); const columnStyles = useStyles2(getColumnStyles); - const tableStyles = useTableStyles(useTheme2(), TableCellHeight.Md); + const tableStyles = useTableStyles(useTheme2(), TableCellHeight.Sm); const infiniteLoaderRef = useRef(null); const [listEl, setListEl] = useState(null); const highlightIndex = useSearchKeyboardNavigation(keyboardEvents, 0, response);