mgr/dashboard: fix RGW - Export realm token form

When there are multiple realms in rgw multi-site, the realm name/token fields overflow the modal content area

Fixes: https://tracker.ceph.com/issues/78051
Signed-off-by: Aashish Sharma <aasharma@redhat.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-export/rgw-multisite-export.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-export/rgw-multisite-export.component.html
index 2bad5d8ed1c754af8ce3c47631782f4c152a9859..df49b0ea56d6107a34eb8fdae6e5f5e5209a638e 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-export/rgw-multisite-export.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-multisite-export/rgw-multisite-export.component.html
@@ -1,5 +1,5 @@
 <cds-modal
-  size="sm"
+  size="md"
   [open]="open"
   [hasScrollingContent]="true"
   (overlaySelected)="closeModal()"
@@ -11,13 +11,13 @@
       Export multi-site realm token
   </cds-modal-header>
 
-  <ng-container *cdFormLoading="loading">
+  <div cdsModalContent>
     <form
       name="exportTokenForm"
       [formGroup]="exportTokenForm"
       novalidate
     >
-      <div cdsModalContent>
+      <ng-container *cdFormLoading="loading">
         <div class="form-item">
           @if (!tokenValid) {
           <cd-alert-panel
@@ -77,13 +77,13 @@
           </div>
         </div>
         }
-      </div>
-      <cd-form-button-panel
-        [modalForm]="true"
-        [showSubmit]="false"
-        (backActionEvent)="closeModal()"
-      >
-      </cd-form-button-panel>
+      </ng-container>
     </form>
-  </ng-container>
+  </div>
+  <cd-form-button-panel
+    [modalForm]="true"
+    [showSubmit]="false"
+    (backActionEvent)="closeModal()"
+  >
+  </cd-form-button-panel>
 </cds-modal>