Merged in task/dspace-cris-2025_02_x/DSC-2693 (pull request DSpace#4066)

DSC-2693 Added wrapper div with the bootstrap styling that was being overridden on edit cms metadata select

Approved-by: Andrea Barbasso

Author: Mattia Vianelli

src/app/admin/edit-cms-metadata/edit-cms-metadata.component.html

@@ -17,12 +17,14 @@ <h2 class=" mb-5">{{'admin.edit-cms-metadata.title' | translate}} '{{selectedMet
   <div class="container">
     <h3 class="mb-4">{{'menu.section.cms.edit.metadata.head' | translate}}</h3>
     <div class="input-group">
-      <select class="form-control col-md-4 me-3 mb-2" aria-label="Select metadata" [(ngModel)]="selectedMetadata">
-        <option [ngValue]="undefined" disabled selected>{{'admin.edit-cms-metadata.select-metadata' | translate}}</option>
-        @for (md of metadataList; track md) {
-          <option [value]="md">{{md}}</option>
-        }
-      </select>
+      <div class="col-md-4 me-3 mb-2">
+        <select class="form-select" aria-label="Select metadata" [(ngModel)]="selectedMetadata">
+          <option [ngValue]="undefined" disabled selected>{{'admin.edit-cms-metadata.select-metadata' | translate}}</option>
+          @for (md of metadataList; track md) {
+            <option [value]="md">{{md}}</option>
+          }
+        </select>
+      </div>
       <span class="input-group-btn">
         <button id="edit-metadata-btn" class="btn btn-primary" (click)="editSelectedMetadata()" [dsBtnDisabled]="!selectedMetadata">
           <i class="fas fa-edit me-1"></i>