From a5b811627fc016f1a4b2fc2dca0bc35ad0f60c62 Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Tue, 6 Aug 2024 16:40:01 +0200
Subject: [PATCH] Simplify / improve wrapping behavior on the rules page

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 web/ui/mantine-ui/src/pages/RulesPage.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

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