Move changelog table out of card

netbox/templates/home.html

@@ -35,52 +35,47 @@
   {# Changelog #}
   <div class="row my-4 flex-grow-1 changelog-container">
     <div class="col">
-      <div class="card">
-        <h4 class="card-header">Changelog</h4>
-        <div class="card-body">
-          {% if changelog and perms.extras.view_objectchange %}
-            {# TODO: Replace this with a django-tables2 Table #}
-            <table class="table align-middle table-hover">
-              <thead>
-                <tr>
-                  <th scope="col">User</th>
-                  <th scope="col">Action</th>
-                  <th scope="col">Type</th>
-                  <th scope="col">Object</th>
-                  <th scope="col">Time</th>
-                  <th scope="col" align="right"></th>
-                </tr>
-              </thead>
-              <tbody>
-                {% for change in changelog %}
-                  <tr class="{% get_status change.get_action_display %}">
-                    <th scope="row">{{ change.user|default:change.user_name }}</th>
-                    <td>{{ change.get_action_display|bettertitle }}</td>
-                    <td>{{ change.changed_object_type.name|bettertitle }}</td>
-                    <td>
-                      {% if change.changed_object.get_absolute_url %}
-                      <a class="text-body" href="{{ change.changed_object.get_absolute_url }}">{{ change.changed_object }}</a>
-                      {% else %} {{ change.changed_object|default:change.object_repr }} {% endif %}
-                    </td>
-
-                    <td>{{ change.time|date:'SHORT_DATETIME_FORMAT' }}</td>
-                    <td>
-                      <a role="button" class="text-body" href="{{ change.get_absolute_url }}">
-                        <i class="mdi mdi-dots-horizontal" data-bs-toggle="tooltip" data-bs-placement="left" title="View Change Details"></i>
-                      </a>
-                    </td>
-                  </tr>
-                {% endfor %}
-              </tbody>
-            </table>
-          {% elif perms.extras.view_objectchange %}
-            <div class="alert alert-secondary mt-4" role="alert">
-              No change history found.
-            </div>
-          {% endif %}
+      <h5 class="text-center">Changelog</h5>
+      {% if changelog and perms.extras.view_objectchange %}
+        {# TODO: Replace this with a django-tables2 Table #}
+        <table class="table align-middle table-hover">
+          <thead>
+            <tr>
+              <th scope="col">User</th>
+              <th scope="col">Action</th>
+              <th scope="col">Type</th>
+              <th scope="col">Object</th>
+              <th scope="col">Time</th>
+              <th scope="col" align="right"></th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for change in changelog %}
+              <tr class="{% get_status change.get_action_display %}">
+                <th scope="row">{{ change.user|default:change.user_name }}</th>
+                <td>{{ change.get_action_display|bettertitle }}</td>
+                <td>{{ change.changed_object_type.name|bettertitle }}</td>
+                <td>
+                  {% if change.changed_object.get_absolute_url %}
+                  <a class="text-body" href="{{ change.changed_object.get_absolute_url }}">{{ change.changed_object }}</a>
+                  {% else %} {{ change.changed_object|default:change.object_repr }} {% endif %}
+                </td>
 
+                <td>{{ change.time|date:'SHORT_DATETIME_FORMAT' }}</td>
+                <td>
+                  <a role="button" class="text-body" href="{{ change.get_absolute_url }}">
+                    <i class="mdi mdi-dots-horizontal" data-bs-toggle="tooltip" data-bs-placement="left" title="View Change Details"></i>
+                  </a>
+                </td>
+              </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      {% elif perms.extras.view_objectchange %}
+        <div class="alert alert-secondary mt-4" role="alert">
+          No change history found.
         </div>
-      </div>
+      {% endif %}
     </div>
   </div>
 {% endblock content %}