diff --git a/inventory_provider/static/update.html b/inventory_provider/static/update.html
index eb6267c1748f7c46f263c6938bf6b3e7965a2b37..774860fff1f1ac35a6d9ac2aa22edc8942c74b83 100644
--- a/inventory_provider/static/update.html
+++ b/inventory_provider/static/update.html
@@ -13,24 +13,23 @@
<body>
<div ng-controller="update">
- <div class="grid-container">
- <div class="grid-item">
+ <div class="container p-3 my-3">
<button type="button"
class="btn btn-primary btn-lg"
ng-click="launch_update()"
ng-disabled="latch_pending">Update Inventory Provider</button>
</div>
- <div class="grid-item" ng-class="latch_error||update_request_error ? 'error' : 'ok'">
+ <div class="container p-3 my-3 border" ng-class="latch_error||update_request_error ? 'error' : 'ok'">
{{ latch_info }}
</div>
- <div class="grid-item" ng-class="update_request_error ? 'error' : 'ok'">
+ <div class="container p-3 my-3" ng-class="update_request_error ? 'error' : 'ok'">
{{ update_request_status }}
</div>
- <span class="grid-item" ng-show="errors.length">
+ <div class="container p-3 my-3 border" ng-show="errors.length">
<table class="table table-striped" summary="error messages">
<tr>
<th>
@@ -42,9 +41,9 @@
<td>{{ description }}</td>
</tr>
</table>
- </span>
+ </div>
- <span class="grid-item" ng-show="warnings.length">
+ <div class="container p-3 my-3 border" ng-show="warnings.length">
<table class="table table-striped" summary="warning messages">
<tr>
<th>
@@ -57,9 +56,9 @@
<td>{{ description }}</td>
</tr>
</table>
- </span>
+ </div>
- <span class="grid-item" ng-show="pending.length">
+ <div class="container p-3 my-3 border" ng-show="pending.length">
<table class="table table-striped" summary="pending tasks">
<tr>
<th>
@@ -71,9 +70,9 @@
<td>{{ description }}</td>
</tr>
</table>
- </span>
+ </div>
</div>
- </div>
+
</body>
</html>
\ No newline at end of file