From d5d6d4eada40ee790aa7de46abb2890b160ea6b5 Mon Sep 17 00:00:00 2001
From: oliver <zhoutianjun127@126.com>
Date: Tue, 23 Jun 2026 15:02:11 +0800
Subject: [PATCH] fix(ume): keep key-alert monitor toggle on one line

Use inline-flex layout for the enabled checkbox so the label no longer wraps to a second row.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web/src/pages/UmePage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/UmePage.tsx b/web/src/pages/UmePage.tsx
index e0d49be..a2eb10e 100644
--- a/web/src/pages/UmePage.tsx
+++ b/web/src/pages/UmePage.tsx
@@ -824,8 +824,8 @@ export function UmePage() {
             <tbody>
               {keyAlertRules.map((rule) => (
                 <tr key={rule.notification_id} className={rule.enabled ? undefined : "row--muted"}>
-                  <td>
-                    <label className="checkbox-inline">
+                  <td style={{ whiteSpace: "nowrap" }}>
+                    <label style={{ display: "inline-flex", alignItems: "center", gap: 6 }}>
                       <input
                         type="checkbox"
                         checked={Boolean(rule.enabled)}