From f8cf772d86bdbb7ac69f2ee5767349792d0323a4 Mon Sep 17 00:00:00 2001
From: Shijun Sun <30999793+AllForNothing@users.noreply.github.com>
Date: Fri, 4 Aug 2023 14:12:15 +0800
Subject: [PATCH] Update style for add-replication-rule page (#19100)

1. Fixes #19098

Signed-off-by: AllForNothing <sshijun@vmware.com>
---
 .../create-edit-rule/create-edit-rule.component.html | 12 ++++++++----
 .../create-edit-rule/create-edit-rule.component.scss |  4 ++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.html b/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.html
index 692be5dce..9e272fdcb 100644
--- a/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.html
+++ b/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.html
@@ -645,7 +645,7 @@
                         </div>
                     </div>
                     <div
-                        class="clr-checkbox-wrapper clr-form-control mt-0"
+                        class="clr-checkbox-wrapper mt-0"
                         [hidden]="isNotEventBased()">
                         <input
                             type="checkbox"
@@ -653,9 +653,13 @@
                             [checked]="false"
                             id="ruleDeletion"
                             formControlName="deletion" />
-                        <label for="ruleDeletion">{{
-                            'REPLICATION.DELETE_REMOTE_IMAGES' | translate
-                        }}</label>
+                        <label
+                            class="clr-control-label event-label"
+                            for="ruleDeletion"
+                            >{{
+                                'REPLICATION.DELETE_REMOTE_IMAGES' | translate
+                            }}</label
+                        >
                     </div>
                 </div>
             </div>
diff --git a/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss b/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss
index 8e8d72b22..ca8cc61b5 100644
--- a/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss
+++ b/src/portal/src/app/base/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss
@@ -351,3 +351,7 @@ clr-modal {
 .cron-input {
     width: 12rem;
 }
+
+.event-label {
+    width: unset;
+}