From e16bb2a737652b5fad5e2a091abb6a0366c27ebc Mon Sep 17 00:00:00 2001
From: Peter Pfeufer <info@ppfeufer.de>
Date: Sun, 10 Dec 2023 14:06:04 +0100
Subject: [PATCH] [FIX] Table width and header

---
 .../templates/permissions_tool/audit.html           |  6 +++---
 .../templates/permissions_tool/overview.html        | 13 +++++++------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/allianceauth/permissions_tool/templates/permissions_tool/audit.html b/allianceauth/permissions_tool/templates/permissions_tool/audit.html
index 717805b5..8a04dfb9 100644
--- a/allianceauth/permissions_tool/templates/permissions_tool/audit.html
+++ b/allianceauth/permissions_tool/templates/permissions_tool/audit.html
@@ -58,7 +58,7 @@
 {#    {% include "bundles/filterdropdown-js.html" %}#}
 
     <script>
-        $(document).ready(function () {
+        $(document).ready(() => {
             const groupColumn = 0;
 
             $('#tab_permissions_audit').DataTable({
@@ -88,9 +88,9 @@
 
                     api.column(groupColumn, {
                         page: 'current'
-                    }).data().each(function (group, i) {
+                    }).data().each((group, i) => {
                         if (last !== group) {
-                            $(rows).eq(i).before(`<tr class="h4 table-secondary"><td colspan="3">${group}</td></tr>`;
+                            $(rows).eq(i).before(`<tr class="h5 table-secondary"><td colspan="3">${group}</td></tr>`);
 
                             last = group;
                         }
diff --git a/allianceauth/permissions_tool/templates/permissions_tool/overview.html b/allianceauth/permissions_tool/templates/permissions_tool/overview.html
index 4287e176..9c5f0b4d 100644
--- a/allianceauth/permissions_tool/templates/permissions_tool/overview.html
+++ b/allianceauth/permissions_tool/templates/permissions_tool/overview.html
@@ -23,7 +23,7 @@
         </p>
 
         <div class="table-responsive">
-            <table class="table table-striped" id="tab_permissions_overview">
+            <table class="table table-striped" id="tab_permissions_overview" style="width: 100%;">
                 <thead>
                     <tr>
                         <th scope="col">{% translate "App" %}</th>
@@ -77,9 +77,10 @@
                     [2, 'asc']
                 ],
                 filterDropDown: {
-                    columns: [{
-                        idx: 0
-                    },
+                    columns: [
+                        {
+                            idx: 0
+                        },
                         {
                             idx: 1
                         }
@@ -88,7 +89,7 @@
                 },
                 "stateSave": true,
                 "stateDuration": 0,
-                drawCallback: (settings) => {
+                drawCallback: function(settings) {
                     const api = this.api();
                     const rows = api.rows({
                         page: 'current'
@@ -99,7 +100,7 @@
                         page: 'current'
                     }).data().each((group, i) => {
                         if (last !== group) {
-                            $(rows).eq(i).before(`<tr class="h4 table-secondary"><td colspan="6">${group}</td></tr>`);
+                            $(rows).eq(i).before(`<tr class="h5 table-secondary"><td colspan="6">${group}</td></tr>`);
 
                             last = group;
                         }