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 078d701..615e867 100644 (file)
--- 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>