Merge pull request #1843 from navyjosh/master

Fix incorrectly placed <h1> tag and replace it with an <h4> tag for the "Members List" DataTable.

AUTHORS.rst

@@ -82,6 +82,7 @@ Developers
 * Kevin Moy - https://github.com/kmoy1
 * Taylor Fuller - https://github.com/taylor-fuller
 * eyJhb - https://github.com/eyJhb
+* Joshua Shelley - https://github.com/navyjosh
 
 
 Translators

wger/core/static/css/workout-manager.css

@@ -400,3 +400,7 @@ table.month td.session-good:hover {
     color: black;
     font-weight: bold;
 }
+
+.dt-container {
+    margin-bottom: 1.5rem;
+}

wger/gym/templates/gym/partial_user_list.html

@@ -4,16 +4,22 @@
 <script src="{% static 'yarn/datatables.net/js/dataTables.js' %}" ></script>
 <script src="{% static 'yarn/datatables.net-bs5/js/dataTables.bootstrap5.js' %}" ></script>
 <script>
-$(document).ready( function () {
-    $('#main_member_list').DataTable({
-        paging: false,
-        bFilter: true,
-        bInfo : false
+    $(document).ready(function () {
+        $('#main_member_list').DataTable({
+            paging: false,
+            bFilter: true,
+            bInfo: false,
+            dom: '<"datatable-header d-flex justify-content-between align-items-center"f>t<"datatable-footer"ip>', // Layout of elements
+            initComplete: function () {
+                const title = $('<div class="datatable-title"><h4>Members</h4></div>');
+                $(".datatable-header").prepend(title);
+            }
+        });
     });
-});
 </script>
+
+
 
-<h1>addasd </h1>
 <table class="table table-hover table-responsive" id="main_member_list">
 <thead>
 <tr>