From ffed8abf6b609c7ab8da5a8d75118345fcb43113 Mon Sep 17 00:00:00 2001
From: Bill Erickson <berickxx@gmail.com>
Date: Mon, 2 Jul 2018 16:38:27 -0400
Subject: [PATCH] LP#1775466 Inline progress row style

Signed-off-by: Bill Erickson <berickxx@gmail.com>
---
 .../share/dialog/progress-inline.component.html    | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/Open-ILS/src/eg2/src/app/share/dialog/progress-inline.component.html b/Open-ILS/src/eg2/src/app/share/dialog/progress-inline.component.html
index 078d701dbb..615e867f87 100644
--- a/Open-ILS/src/eg2/src/app/share/dialog/progress-inline.component.html
+++ b/Open-ILS/src/eg2/src/app/share/dialog/progress-inline.component.html
@@ -2,21 +2,27 @@
 
   <div *ngIf="hasValue() && hasMax()">
     <!-- determinate progress bar.  shows max/value progress -->
-    <div class="col-lg-10">
-      <progress max="{{max}}" value="{{value}}"></progress>
+    <div class="row">
+      <div class="col-lg-10">
+        <progress max="{{max}}" value="{{value}}"></progress>
+      </div>
+      <div class="col-lg-2">{{percent()}}%</div>
     </div>
-    <div class="col-lg-2">{{percent()}}%</div>
   </div>
 
   <div *ngIf="hasValue() && !hasMax()">
-    <!-- semi-determinate progress bar.  shows value -->
-    <div class="col-lg-10"><progress max="1"></progress></div>
-    <div class="col-lg-2">{{value}}...</div>
+    <div class="row">
+      <!-- semi-determinate progress bar.  shows value -->
+      <div class="col-lg-10"><progress max="1"></progress></div>
+      <div class="col-lg-2">{{value}}...</div>
+    </div>
   </div>
 
   <div *ngIf="!hasValue()">
-    <!-- indeterminate -->
-    <div class="col-lg-12"><progress max="1"></progress></div>
+    <div class="row">
+      <!-- indeterminate -->
+      <div class="col-lg-12"><progress max="1"></progress></div>
+    </div>
   </div>
 
 </div>
-- 
2.11.0