LP2018939 Restore barcode label for course materials

Replaces a <label> for course material barcodes that was accidentally
removed.

Also adds a CSS rule to restore single-line input group styling.

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org>
Signed-off-by: Beth Willis <willis@noblenet.org>
Signed-off-by: Jane Sandberg <sandbergja@gmail.com>

diff --git a/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-material.component.html b/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-material.component.html
index 6b86fbe..ea75930 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-material.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-material.component.html
@@ -36,6 +36,7 @@
               <div class="row" [ngClass]="isDialog() ? '' : 'mt-3'">
                 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
                   <div class="input-group">
+                    <label for="associate-item-barcode" class="form-label input-group-text" i18n>Barcode</label>
                     <input type="text" class="flex-grow-1" id="associate-item-barcode"
                       [(ngModel)]="barcodeInput" (click)="$event.target.select()"
                       [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
@@ -61,12 +62,13 @@
               <div class="row mt-3">
                 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
                   <div class="input-group">
-                    <div class="input-group-text">
-                        <label class="form-label" for="associate-item-temp-call-number" i18n>Call Number</label>
-                    </div>
+                    <div class="input-group">
+                        <label class="form-label input-group-text" for="associate-item-temp-call-number" i18n>Call Number</label>
+                    
                     <input type="text" [(ngModel)]="tempCallNumber" id="associate-item-temp-call-number"
                       [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
                       (input)="isModifyingCallNumber = true" class="flex-grow-1" />
+                    </div>
                       <div class="input-group-text">
                         <input type="checkbox" [(ngModel)]="isModifyingCallNumber"
                           [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"

diff --git a/Open-ILS/src/eg2/src/styles.css b/Open-ILS/src/eg2/src/styles.css
index 1769bf8..0934d1d 100644 (file)
--- a/Open-ILS/src/eg2/src/styles.css
+++ b/Open-ILS/src/eg2/src/styles.css
@@ -552,6 +552,10 @@ a {
   text-decoration: none;
 }
 
+.input-group {
+  flex-wrap: nowrap;
+}
+
 .input-group-text label,
 .input-group-text button {
   border: 0;