Merge branch 'fix-debug-warning-widget' into 'master'

[FIX] Debug warning dashboard widget

See merge request allianceauth/allianceauth!1746

allianceauth/templates/allianceauth/admin-status/overview.html

@@ -1,6 +1,23 @@
 {% load i18n %}
 {% load humanize %}
 
+{% if debug %}
+    <div id="aa-dashboard-panel-debug" class="col-12 mb-3">
+        <div class="card text-bg-warning">
+            <div class="card-body">
+                {% translate "Debug mode" as widget_title %}
+                {% include "framework/dashboard/widget-title.html" with title=widget_title %}
+
+                <div>
+                    <p class="text-center">
+                        {% translate "Debug mode is currently turned on!<br>Make sure to turn it off as soon as you are finished testing." %}
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endif %}
+
 {% if notifications %}
     <div id="aa-dashboard-panel-admin-notifications" class="col-12 mb-3">
         <div class="card">
@@ -118,20 +135,6 @@
     </div>
 </div>
 
-{% if debug %}
-    <div id="aa-dashboard-panel-debug" class="col-12 mb-3">
-        <div class="card text-bg-warning">
-            <div class="card-body">
-                <h5 class="card-title">{% translate "Debug mode" %}</h5>
-                <p class="card-text">
-                    {% translate "Debug mode is currently turned on. Make sure to turn it off as soon as you are finished testing" %}
-                </p>
-            </div>
-        </div>
-    </div>
-{% endif %}
-
-
 <script>
     const elemRunning = document.getElementById("task-counts");
     const elemQueued = document.getElementById("queued-tasks-count");