format table with bootstrap

inventory_provider/static/update.html

@@ -29,13 +29,15 @@
           {{ update_request_status }}
         </div>
 
-        <div class="grid-item" ng-show="latch_error||latch_pending">
-          <table>
+        <span class="grid-item" ng-show="latch_error||latch_pending">
+          <table class="table table-striped">
             <tr>
-              <th>name</th>
-              <th>status</th>
-              <th>success</th>
-              <th>message</th>
+              <th colspan="4" scope="col">update tasks</th>
+            <tr>
+              <th scope="col">name</th>
+              <th scope="col">status</th>
+              <th scope="col">success</th>
+              <th scope="col">message</th>
             </tr>
             <tr ng-repeat="t in tasks">
               <td>{{ t.name }}</td>
@@ -44,7 +46,7 @@
               <td>{{ t.message }}</td>
             </tr>
           </table>
-        </div>
+        </span>
 
       </div>
     </div>

inventory_provider/static/update.js

@@ -57,7 +57,7 @@ myApp.controller('update', function($scope, $http, $timeout) {
                     parent: t.parent,
                     status: t.status,
                     success: t.ready ? (t.success ? "OK" : "NO") : "-",
-                    message: (t.result && t.result.message) ? t.result.message.substring(0,30) : "",
+                    message: (t.result && t.result.message) ? t.result.message.substring(0,100) : "",
                     name: t.result ? t.result.task : "",
                 }));
             },