Simplify / improve wrapping behavior on the rules page

Signed-off-by: Julius Volz <julius.volz@gmail.com>
pull/14872/head
Julius Volz 4 months ago
parent e07dd8cd05
commit a5b811627f

@ -17,7 +17,6 @@ import {
import { import {
IconAlertTriangle, IconAlertTriangle,
IconBell, IconBell,
IconDatabaseImport,
IconHourglass, IconHourglass,
IconInfoCircle, IconInfoCircle,
IconRefresh, IconRefresh,
@ -131,7 +130,7 @@ export default function RulesPage() {
}} }}
> >
<Accordion.Control> <Accordion.Control>
<Group wrap="nowrap" justify="space-between" mr="lg"> <Group justify="space-between" mr="lg">
<Group gap="xs" wrap="nowrap"> <Group gap="xs" wrap="nowrap">
{r.type === "alerting" ? ( {r.type === "alerting" ? (
<Tooltip label="Alerting rule" withArrow> <Tooltip label="Alerting rule" withArrow>
@ -144,7 +143,7 @@ export default function RulesPage() {
)} )}
<Text>{r.name}</Text> <Text>{r.name}</Text>
</Group> </Group>
<Group mt="md" gap="xs" wrap="nowrap"> <Group gap="xs">
<Group gap="xs" wrap="wrap"> <Group gap="xs" wrap="wrap">
<Tooltip label="Last rule evaluation" withArrow> <Tooltip label="Last rule evaluation" withArrow>
<Badge <Badge

Loading…
Cancel
Save