#1146 [UI] Strange arrangement of Expot and Impot for Federated Admission Control Policy and in Export dialog

Author: xingzhang-suse

admin/webapp/websrc/app/routes/components/admission-rules/admission-rules.component.html

@@ -55,14 +55,16 @@ <h1 class="font-weight-light mb-0" id="admissionControlTitle">
                 {{ 'admissionControl.EXPORT' | translate }}
               </button>
             </div>
-            <button
-              *appDisplayControl="'write_admission'"
-              mat-menu-item
-              class="d-flex align-items-center"
-              (click)="openImportPopup()">
-              <em class="eos-icons">upload</em>
-              {{ 'admissionControl.IMPORT' | translate }}
-            </button>
+            <div class="menu-width-medium">
+              <button
+                *appDisplayControl="'write_admission'"
+                mat-menu-item
+                class="d-flex align-items-center"
+                (click)="openImportPopup()">
+                <em class="eos-icons">upload</em>
+                {{ 'admissionControl.IMPORT' | translate }}
+              </button>
+            </div>
           </mat-menu>
         </div>
       </div>
@@ -106,7 +108,8 @@ <h1 class="font-weight-light mb-0" id="admissionControlTitle">
         <div class="d-flex justify-content-end align-items-center">
           <div
             *ngIf="source === navSource['FED_POLICY']"
-            class="d-flex justify-content-end align-items-center me-2">
+            class="d-flex justify-content-end align-items-center me-2"
+            style="width: 220px">
             <button
               mat-menu-item
               class="d-flex align-items-center"

admin/webapp/websrc/app/routes/components/export-options/export-options.component.html

@@ -66,7 +66,7 @@
         [disabled]="!remoteRepoEnabled">
         {{ 'setting.remote_repository.options.destination_remote' | translate }}
       </mat-radio-button>
-      <div class="mt-2 mt-0 ms-2">
+      <div class="mt-0 ms-2">
         <span class="text-muted small">{{
           'setting.remote_repository.options.mode_description' | translate
         }}</span>