LP2000482 Angular 15 and Bootstrap 5 upgrade

[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / share / holdings / copy-alerts-dialog.component.html

diff --git a/Open-ILS/src/eg2/src/app/staff/share/holdings/copy-alerts-dialog.component.html b/Open-ILS/src/eg2/src/app/staff/share/holdings/copy-alerts-dialog.component.html
index 92f59ef..b9e1cd0 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/share/holdings/copy-alerts-dialog.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/share/holdings/copy-alerts-dialog.component.html
@@ -12,10 +12,8 @@
       </ng-container>
       <span i18n></span>
     </h4>
-    <button type="button" class="close" 
-      i18n-aria-label aria-label="Close" (click)="close()">
-      <span aria-hidden="true">&times;</span>
-    </button>
+    <button type="button" class="btn-close btn-close-white" 
+      i18n-aria-label aria-label="Close" (click)="close()"></button>
   </div>
   <div class="modal-body p-4 form-validated">
     <div class="row mt-2 p-2 rounded border border-success">
@@ -40,7 +38,7 @@
               [ngModel]="newAlert.temp() === 't'" 
               (ngModelChange)="newAlert.temp($event ? 't' : 'f')"
               id="new-alert-temporary">
-            <label class="form-check-label" for="new-alert-temporary" i18n>
+            <label class="form-label form-check-label" for="new-alert-temporary" i18n>
               Temporary?
             </label>
           </div>
@@ -74,7 +72,7 @@
             [mandatory]="true"
             (onChange)="alert.alert_type($event ? $event.id : null); alert.ischanged(true)">
           </eg-combobox>
-          <div class="pl-2 pt-2" i18n>
+          <div class="ps-2 pt-2" i18n>
             Added: {{alert.create_time() | date:'shortDate'}}
           </div>
         </div>
@@ -92,7 +90,7 @@
                 [ngModel]="alert.temp() === 't'" 
                 (ngModelChange)="alert.temp($event ? 't' : 'f'); alert.ischanged(true)"
                 id="alert-temporary-{{alert.id()}}">
-              <label class="form-check-label" for="alert-temporary-{{alert.id()}}" i18n>
+              <label class="form-label form-check-label" for="alert-temporary-{{alert.id()}}" i18n>
                 Temporary?
               </label>
             </div>
@@ -101,7 +99,7 @@
                 [ngModel]="alert.ack_time() !== null" 
                 (ngModelChange)="alert.ack_time($event ? 'now' : null); alert.ischanged(true)"
                 id="alert-temporary-{{alert.id()}}">
-              <label class="form-check-label" for="alert-temporary-{{alert.id()}}" i18n>
+              <label class="form-label form-check-label" for="alert-temporary-{{alert.id()}}" i18n>
                 Clear?
               </label>
             </div>
@@ -113,7 +111,7 @@
   <div class="modal-footer">
     <button type="button" class="btn btn-secondary" 
       (click)="close()" i18n>Close</button>
-    <button class="btn btn-success mr-2" 
+    <button class="btn btn-success me-2" 
       (click)="applyChanges()" i18n>Apply Changes</button>
   </div>
 </ng-template>