From 0b0659c855ed99a90d17bb3fa8d1ff73b7a6d80e Mon Sep 17 00:00:00 2001
From: Jicheng Lu <103353@smsassist.com>
Date: Thu, 16 Apr 2026 16:24:38 -0500
Subject: [PATCH] fix rule modal styles

---
 src/lib/common/modals/PlainModal.svelte                   | 8 ++++----
 .../agent-components/rules/agent-rule-item.svelte         | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/lib/common/modals/PlainModal.svelte b/src/lib/common/modals/PlainModal.svelte
index a862595b..e4a85943 100644
--- a/src/lib/common/modals/PlainModal.svelte
+++ b/src/lib/common/modals/PlainModal.svelte
@@ -32,17 +32,17 @@
 <!-- svelte-ignore a11y_no_static_element_interactions -->
 <!-- svelte-ignore a11y_click_events_have_key_events -->
 <div
-    class="fixed inset-0 z-[9999] flex items-start justify-center pt-[10vh] bg-black/50"
+    class={`fixed inset-0 z-[9999] flex items-start justify-center pt-[10vh] bg-black/50 ${containerClasses}`}
     transition:fade={{ duration: 150 }}
     onclick={handleBackdropClick}
 >
     <div
-        class={`bg-white dark:bg-gray-800 rounded-lg shadow-xl w-full ${sizeClasses[size] || 'max-w-lg'} mx-4 ${containerClasses}`}
+        class={`bg-white dark:bg-gray-800 rounded-lg shadow-xl w-full ${sizeClasses[size] || 'max-w-lg'} mx-4 modal-content`}
         style={containerStyles}
     >
         <!-- Header -->
         {#if title}
-        <div class="flex items-center justify-between p-3 border-b border-gray-200 dark:border-gray-700">
+        <div class="flex items-center justify-between p-3 border-b border-gray-200 dark:border-gray-700 modal-title">
             <div class="font-semibold text-lg">{title}</div>
             <button
                 type="button"
@@ -56,7 +56,7 @@
         {/if}
 
         <!-- Body -->
-        <div class="p-3" style={bodyStyles}>
+        <div class="p-3 modal-body" style={bodyStyles}>
             {@render children?.()}
         </div>
     </div>
diff --git a/src/routes/page/agent/[agentId]/agent-components/rules/agent-rule-item.svelte b/src/routes/page/agent/[agentId]/agent-components/rules/agent-rule-item.svelte
index 14f27b72..7fb6642a 100644
--- a/src/routes/page/agent/[agentId]/agent-components/rules/agent-rule-item.svelte
+++ b/src/routes/page/agent/[agentId]/agent-components/rules/agent-rule-item.svelte
@@ -106,6 +106,7 @@
                     <input
                         type="checkbox"
                         class="form-check-input"
+                        style="margin-top: 0;"
                         checked={!rule.disabled}
                         onchange={e => toggleRule(e, 'rule')}
                     />