From 73cdc818fa54c534ddf3153101814ee67fce825f Mon Sep 17 00:00:00 2001
From: contputer0x0 <340606769+contputer0x0@users.noreply.github.com>
Date: Tue, 13 Oct 2026 17:49:27 +0200
Subject: [PATCH] Fix djlint findings in index.jinja2 so pre-commit passes

The djlint pre-commit hook (unpinned) now flags index.jinja2, which fails
pre-commit.ci on current PRs. Fix the real findings and ignore the two that
are intentional:

- H024: drop the redundant type="text/css" on <style> and <link> (HTML5).
- H043: add type="button" to the show/hide detail buttons.
- H056/H057: ignore in [tool.djlint] with a note; the media <img>/<source>
  src is populated at runtime by report.js and the <video> has no caption
  source to track.
---
 pyproject.toml                         | 4 +++-
 src/pytest_html/resources/index.jinja2 | 6 +++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/pyproject.toml b/pyproject.toml
index d2968422..518de100 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -115,4 +115,6 @@ warn_unused_configs = true
 
 [tool.djlint]
 profile = "jinja"
-ignore = "H005,H016,H030,H031,H006,H013"
+# H056/H057: the media <img>/<source> src is intentionally empty (populated at
+# runtime by report.js), and the <video> has no caption source to track.
+ignore = "H005,H016,H030,H031,H006,H013,H056,H057"
diff --git a/src/pytest_html/resources/index.jinja2 b/src/pytest_html/resources/index.jinja2
index d899375e..50849184 100644
--- a/src/pytest_html/resources/index.jinja2
+++ b/src/pytest_html/resources/index.jinja2
@@ -4,11 +4,11 @@
     <meta charset="utf-8"/>
     <title id="head-title">{{ title }}</title>
     {%- if self_contained %}
-      <style type="text/css">
+      <style>
         {{- styles|safe }}
       </style>
     {% else %}
-      <link href="{{ styles }}" rel="stylesheet" type="text/css"/>
+      <link href="{{ styles }}" rel="stylesheet"/>
     {%- endif %}
   </head>
   <body>
@@ -87,7 +87,7 @@
           {%- endfor %}
           </div>
           <div class="collapse">
-            <button id="show_all_details">Show all details</button>&nbsp;/&nbsp;<button id="hide_all_details">Hide all details</button>
+            <button id="show_all_details" type="button">Show all details</button>&nbsp;/&nbsp;<button id="hide_all_details" type="button">Hide all details</button>
           </div>
         </div>
       </div>