From 9980818e34789b7a129b5131339e86c28ba77abb Mon Sep 17 00:00:00 2001
From: Bill Erickson <berickxx@gmail.com>
Date: Tue, 27 Dec 2022 12:54:21 -0500
Subject: [PATCH] LP2000482 Bootstrap 5: verify credentials

Signed-off-by: Bill Erickson <berickxx@gmail.com>
---
 .../staff/circ/patron/test-password.component.html | 63 ++++++++++++----------
 1 file changed, 34 insertions(+), 29 deletions(-)

diff --git a/Open-ILS/src/eg2/src/app/staff/circ/patron/test-password.component.html b/Open-ILS/src/eg2/src/app/staff/circ/patron/test-password.component.html
index 7eee554768..f703e30420 100644
--- a/Open-ILS/src/eg2/src/app/staff/circ/patron/test-password.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/circ/patron/test-password.component.html
@@ -6,42 +6,47 @@
   <h3 i18n>Verify Credentials</h3>
 </ng-container>
 
-<div class="row">
-  <div class="col-lg-6">
 
-    <div class="form-group">
-      <label for="username-input" i18n>Username</label>
-      <input type="text" class="form-control" id="username-input" 
-        [disabled]="patronId" [(ngModel)]="username"/>
-    </div>
+<div class="row gx-3 row-cols-auto mt-2">
+  <label class="col-form-label col-1" for="username-input" i18n>Username</label>
+  <div class="col-3">
+    <input type="text" class="form-control" id="username-input" 
+      [disabled]="patronId" [(ngModel)]="username"/>
+  </div>
+</div>
 
-    <div class="form-group">
-      <label for="barcode-input" i18n>Barcode</label>
-      <input type="text" class="form-control" id="barcode-input" 
-        [disabled]="patronId" [(ngModel)]="barcode"/>
-    </div>
+<div class="row gx-3 row-cols-auto mt-2">
+  <label class="col-form-label col-1" for="barcode-input" i18n>Barcode</label>
+  <div class="col-3">
+    <input type="text" class="form-control" id="barcode-input" 
+      [disabled]="patronId" [(ngModel)]="barcode"/>
+  </div>
+</div>
 
-    <div class="form-group">
-      <label for="password-input" i18n>Password</label>
-      <input type="password" class="form-control" id="password-input" 
-        autocomplete="new-password" (keyup.enter)="verify()" [(ngModel)]="password"/>
-    </div>
+<div class="row gx-3 row-cols-auto mt-2">
+  <label class="col-form-label col-1" for="password-input" i18n>Password</label>
+  <div class="col-3">
+    <input type="password" class="form-control" id="password-input" 
+      autocomplete="new-password" (keyup.enter)="verify()" [(ngModel)]="password"/>
+  </div>
+</div>
 
+<div class="row gx-3 row-cols-auto mt-2">
+  <div class="col-2">
     <button class="btn btn-outline-dark" (click)="verify()">Verify</button>
-
     <button class="btn btn-outline-dark ms-2" 
       *ngIf="!patronId" (click)="retrieve()">Retrieve</button>
+  </div>
+</div>
 
-    <hr class="m-2"/>
+<hr class="mt-3 mb-3">
 
-    <div class="alert alert-success" *ngIf="verified === true" i18n>
-      Success testing credentials
-    </div>
-    <div class="alert alert-danger" *ngIf="verified === false" i18n>
-      Failure testing credentials
-    </div>
-    <div class="alert alert-danger" *ngIf="notFound" i18n>
-      No user found with the requested username / barcode
-    </div>
-  </div>
+<div class="alert alert-success" *ngIf="verified === true" i18n>
+  Success testing credentials
+</div>
+<div class="alert alert-danger" *ngIf="verified === false" i18n>
+  Failure testing credentials
+</div>
+<div class="alert alert-danger" *ngIf="notFound" i18n>
+  No user found with the requested username / barcode
 </div>
-- 
2.11.0