From: Bill Erickson <berickxx@gmail.com>
Date: Mon, 2 Jul 2018 20:38:27 +0000 (-0400)
Subject: LP#1775466 Inline progress row style
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=18b06b393f4a48e7735513bfcc90523714c23834;p=working%2FEvergreen.git

LP#1775466 Inline progress row style

Signed-off-by: Bill Erickson <berickxx@gmail.com>
---

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>