Add bootstrap 4 support

[pharos-tools.git] / dashboard / src / templates / account / resource_list.html

diff --git a/dashboard/src/templates/account/resource_list.html b/dashboard/src/templates/account/resource_list.html
index 1391e8e..f92f78e 100644 (file)
--- a/dashboard/src/templates/account/resource_list.html
+++ b/dashboard/src/templates/account/resource_list.html
@@ -2,18 +2,20 @@
 {% block content %}
 <div class="card_container">
 {% for resource in resources %}
-    <div class="detail_card">
-        <div>
+    <div class="card">
+        <div class="card-header">
             <h3>Resource {{resource.id}}</h3>
+        </div>
+        <div class="card-body p-4">
             <ul class="list-group">
                 <li class="list-group-item">id: {{resource.id}}</li>
                 <li class="list-group-item">name: {{resource.name}}</li>
                 <li class="list-group-item">description: {{resource.description}}</li>
             </ul>
         </div>
-        <div class="detail_button_container">
+        <div class="card-footer">
             <button
-                class="btn btn-danger"
+                class="btn btn-danger w-100"
                 onclick='delete_resource({{resource.id}});'
                 data-toggle="modal"
                 data-target="#resModal"