From 7b130ff479fab07e5a0f746ced3cc4cc1b9d9d03 Mon Sep 17 00:00:00 2001
From: Gusted <postmaster@gusted.xyz>
Date: Fri, 10 Feb 2023 15:54:11 +0100
Subject: [PATCH] Improve milestone title

- Don't use `h2`(which is also bad for a11y reasons) for the title, instead use `font-size` and
`font-weight` to make the title look better.
- Forgejo issue: https://codeberg.org/forgejo/forgejo/issues/348
---
 templates/repo/issue/milestones.tmpl | 4 ++--
 web_src/less/_repository.less        | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/templates/repo/issue/milestones.tmpl b/templates/repo/issue/milestones.tmpl
index 0d0a18b631fc7..df2b8d1145129 100644
--- a/templates/repo/issue/milestones.tmpl
+++ b/templates/repo/issue/milestones.tmpl
@@ -62,9 +62,9 @@
 			{{range .Milestones}}
 				<li class="item">
 					<div class="df ac sb">
-						<h2 class="df ac m-0 fw">
+						<div class="df ac title">
 							{{svg "octicon-milestone" 16 "mr-3"}}<a class="muted" href="{{$.RepoLink}}/milestone/{{.ID}}">{{.Name}}</a>
-						</h2>
+						</div>
 						<div class="df ac">
 							<span class="mr-3">{{.Completeness}}%</span>
 							<progress value="{{.Completeness}}" max="100"></progress>
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 5d30d0d81ae7b..7f815e6a778c0 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -1235,6 +1235,11 @@
         height: 16px;
       }
 
+      .title {
+        font-size: 16px;
+        font-weight: 600;
+      }
+
       .meta {
         color: var(--color-text-light-2);
         padding-top: 5px;