Update style for add-replication-rule page

1. Fixes #19098 Signed-off-by: AllForNothing <sshijun@vmware.com>
goharbor · Aug 4, 2023 · 930d707 · 930d707
1 parent 8c23bcd
commit 930d707
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/...se/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.html b/...se/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.html
@@ -645,17 +645,21 @@ <h3 class="modal-title">{{ headerTitle | translate }}</h3>
                         </div>
                     </div>
                     <div
-                        class="clr-checkbox-wrapper clr-form-control mt-0"
+                        class="clr-checkbox-wrapper mt-0"
                         [hidden]="isNotEventBased()">
                         <input
                             type="checkbox"
                             class="clr-checkbox"
                             [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/...se/left-side-nav/replication/replication/create-edit-rule/create-edit-rule.component.scss b/...se/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;
+}