diff --git a/packages/grafana-ui/src/components/Table/Table.tsx b/packages/grafana-ui/src/components/Table/Table.tsx index 69468925ec3..71bab81f4ec 100644 --- a/packages/grafana-ui/src/components/Table/Table.tsx +++ b/packages/grafana-ui/src/components/Table/Table.tsx @@ -326,15 +326,12 @@ export const Table = memo((props: Props) => { } paginationEl = (
- {isSmall ? null :
} -
- -
+ {isSmall ? null : (
{itemsRangeStart} - {itemsRangeEnd} of {data.length} rows diff --git a/packages/grafana-ui/src/components/Table/styles.ts b/packages/grafana-ui/src/components/Table/styles.ts index 92008b9a9e4..b8b05bc410f 100644 --- a/packages/grafana-ui/src/components/Table/styles.ts +++ b/packages/grafana-ui/src/components/Table/styles.ts @@ -207,21 +207,12 @@ export function useTableStyles(theme: GrafanaTheme2, cellHeightOption: TableCell margin-bottom: 0; } `, - paginationItem: css` - flex: 20%; - `, - paginationCenterItem: css` - flex: 100%; - display: flex; - justify-content: center; - `, paginationSummary: css` color: ${theme.colors.text.secondary}; font-size: ${theme.typography.bodySmall.fontSize}; display: flex; justify-content: flex-end; - flex: 20%; - padding-right: ${theme.spacing(1)}; + padding: ${theme.spacing(0, 1, 0, 2)}; `, tableContentWrapper: (totalColumnsWidth: number) => {