From 9dcac761b114ccca60a3c9fd92ff488d15d377e4 Mon Sep 17 00:00:00 2001
From: Vosjedev <vosje@vosjedev.net>
Date: Sat, 6 Dec 2025 13:05:22 +0100
Subject: Use proper headings, prepare for softwrapping

---
 html/mailpage.html    |  4 ++--
 html/projectpage.html |  4 ++--
 html/style.css        |  6 ++++++
 src/acit/html.py      | 14 ++++++++++----
 4 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/html/mailpage.html b/html/mailpage.html
index 034cee8..16e9249 100644
--- a/html/mailpage.html
+++ b/html/mailpage.html
@@ -16,9 +16,9 @@
 				bugtype: {bugtype} | status: <span id="status" class="status-{status}">{status}</span>
 			</span>
 		</nav>
-		<h2 class="subject">
+		<h1 class="subject">
 			<span class="bugnr">#{bug}</span> {subject}
-		</h2>
+		</h1>
 
 		<article class="main">
 			<p>
diff --git a/html/projectpage.html b/html/projectpage.html
index a337f84..e636282 100644
--- a/html/projectpage.html
+++ b/html/projectpage.html
@@ -17,9 +17,9 @@
 				<a href="/{project}/">{project}</a>
 			</span>
 		</nav>
-		<h2 class="trackerpage-header">
+		<h1 class="trackerpage-header">
 			{project}
-		</h2>
+		</h1>
 
 		<article class="usage">
 			Welcome to the {project} bug tracker! To submit an issue,
diff --git a/html/style.css b/html/style.css
index 293b4b5..e931d16 100644
--- a/html/style.css
+++ b/html/style.css
@@ -42,6 +42,10 @@ h1, h2 {
 	color: var(--accent);
 	margin-left: 1em;
 }
+h1 {
+	font-size: 1.5em;
+	border-bottom: 1px solid var(--tertiary-background);
+}
 
 .formattedheader {
 	background-color: var(--tertiary-background);
@@ -86,6 +90,8 @@ h1, h2 {
 	padding: 1px;
 	padding-left: 2em;
 	padding-right: 2em;
+}
+.highlight {
 	overflow-y: scroll;
 	white-space: nowrap;
 }
diff --git a/src/acit/html.py b/src/acit/html.py
index ffb3527..cc874ae 100644
--- a/src/acit/html.py
+++ b/src/acit/html.py
@@ -23,9 +23,9 @@ mailpage="""
 				bugtype: {bugtype} | status: <span id="status" class="status-{status}">{status}</span>
 			</span>
 		</nav>
-		<h2 class="subject">
+		<h1 class="subject">
 			<span class="bugnr">#{bug}</span> {subject}
-		</h2>
+		</h1>
 
 		<article class="main">
 			<p>
@@ -75,9 +75,9 @@ projectpage="""
 				<a href="/{project}/">{project}</a>
 			</span>
 		</nav>
-		<h2 class="trackerpage-header">
+		<h1 class="trackerpage-header">
 			{project}
-		</h2>
+		</h1>
 
 		<article class="usage">
 			Welcome to the {project} bug tracker! To submit an issue,
@@ -209,6 +209,10 @@ h1, h2 {
 	color: var(--accent);
 	margin-left: 1em;
 }
+h1 {
+	font-size: 1.5em;
+	border-bottom: 1px solid var(--tertiary-background);
+}
 
 .formattedheader {
 	background-color: var(--tertiary-background);
@@ -253,6 +257,8 @@ h1, h2 {
 	padding: 1px;
 	padding-left: 2em;
 	padding-right: 2em;
+}
+.highlight {
 	overflow-y: scroll;
 	white-space: nowrap;
 }
-- 
cgit