Fix layout issues

These were typical Bootstrap 4 → 5 problems again

Author: ybnd

src/app/bitstream-page/replace-bitstream-page/replace-bitstream-page.component.html

@@ -40,8 +40,8 @@ <h3>{{
   }
 
   <div class="button-row bottom">
-    <div class="mt-4 float-right">
-      <button class="back-button btn btn-outline-secondary"
+    <div class="mt-4 float-end">
+      <button class="back-button btn btn-outline-secondary me-2"
               (click)="back()"><i
         class="fas fa-arrow-left"></i>
         <span class="d-none d-sm-inline">&nbsp;{{ "bitstream.replace.page.button.return" | translate }}</span>

src/app/submission/sections/upload/file/replace/submission-section-upload-file-replace/submission-section-upload-file-replace.component.html

@@ -6,8 +6,7 @@ <h4 class="modal-title">{{
           fileSize: fileSizeBytes | dsFileSize
         }
       }}</h4>
-    <button type="button" class="close" (click)="closeModal()" aria-label="Close">
-      <span aria-hidden="true">×</span>
+    <button type="button" class="btn-close" (click)="closeModal()" aria-label="Close">
     </button>
   </div>
   <div class="modal-body">
@@ -38,7 +37,7 @@ <h4 class="modal-title">{{
       </div>
     }
     <div class="button-row bottom">
-      <div class="mt-4 float-right mb-2">
+      <div class="mt-4 float-end mb-2">
         <button class="save-button btn btn-primary" (click)="saveFile(uploader);"><i
           class="fas fa-save"></i>
           <span class="d-none d-sm-inline">&nbsp;{{ "bitstream.replace.page.button.save" | translate }}</span>