From 1fdf7d3ee5ac8796d5e4937b92958e045f954578 Mon Sep 17 00:00:00 2001
From: Amolith <amolith@secluded.site>
Date: Fri, 17 Oct 2025 13:32:35 -0600
Subject: [PATCH] feat: show bug status as leading icon

Implements: bug-c5d4e47
Implements: bug-dea9f51
Co-Authored-By: Crush <crush@charm.land>
---
 pkg/web/static/overrides.css | 16 ++++++++++++++++
 pkg/web/templates/bug.html   | 14 +++++++++++++-
 pkg/web/templates/bugs.html  | 13 ++++++++++++-
 3 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/pkg/web/static/overrides.css b/pkg/web/static/overrides.css
index 37583ce86e22ca989c3e12df7bbd61b6f96fc016..81871aacd89742f213a97e56edbaf74da1e7b973 100644
--- a/pkg/web/static/overrides.css
+++ b/pkg/web/static/overrides.css
@@ -127,6 +127,22 @@ section[aria-labelledby="diff-heading"] article h4:focus-within .secondary {
   margin: 1rem 0;
 }
 
+.bug-status-icon {
+	display: inline-block;
+	width: 1em;
+	height: 1em;
+	vertical-align: middle;
+	margin-right: 0.25rem;
+}
+
+.bug-status-icon-open {
+	stroke: var(--pico-form-element-valid-border-color);
+}
+
+.bug-status-icon-closed {
+	stroke: var(--pico-secondary-border);
+}
+
 .muted {
   color: var(--pico-muted-color);
 }
diff --git a/pkg/web/templates/bug.html b/pkg/web/templates/bug.html
index e0bd80ae18831f3af34243e215c18d83729e4aba..d80506458b063f1f10846a3d2193e08dc0c74b6d 100644
--- a/pkg/web/templates/bug.html
+++ b/pkg/web/templates/bug.html
@@ -14,7 +14,19 @@
   <article id="{{.ID}}" aria-labelledby="timeline-item-{{.ID}}">
     {{if eq .Type "create"}}
     <header>
-      <h4 id="timeline-item-{{.ID}}">{{$.Title}} <span class="badge badge-{{$.Status}}">{{$.Status}}</span></h4>
+      <h4 id="timeline-item-{{.ID}}">
+        {{if eq $.Status "open"}}
+        <svg class="bug-status-icon bug-status-icon-open" aria-label="Open bug" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke-width="2">
+          <circle cx="8" cy="8" r="6" />
+        </svg>
+        {{else if eq $.Status "closed"}}
+        <svg class="bug-status-icon bug-status-icon-closed" aria-label="Closed bug" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke-width="2">
+          <circle cx="8" cy="8" r="6" />
+          <path d="M5 8 l2 2 l4 -4" stroke-linecap="round" stroke-linejoin="round" />
+        </svg>
+        {{end}}
+        {{$.Title}}
+      </h4>
     </header>
     {{if .Message}}
     {{.Message}}
diff --git a/pkg/web/templates/bugs.html b/pkg/web/templates/bugs.html
index afdbf392c92f9c3d6eca5361fd4a6cafe42ca941..98949929eed3df545dc1cf14a0b172ce834c05f5 100644
--- a/pkg/web/templates/bugs.html
+++ b/pkg/web/templates/bugs.html
@@ -14,9 +14,20 @@
   {{range .Bugs}}
   <article aria-labelledby="bug-{{.ID}}">
     <h3 id="bug-{{.ID}}">
+      {{if eq $.Status "all"}}
+      {{if eq .Status "open"}}
+      <svg class="bug-status-icon bug-status-icon-open" aria-label="Open bug" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke-width="2">
+        <circle cx="8" cy="8" r="6" />
+      </svg>
+      {{else if eq .Status "closed"}}
+      <svg class="bug-status-icon bug-status-icon-closed" aria-label="Closed bug" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke-width="2">
+        <circle cx="8" cy="8" r="6" />
+        <path d="M5 8 l2 2 l4 -4" stroke-linecap="round" stroke-linejoin="round" />
+      </svg>
+      {{end}}
+      {{end}}
       <code><a href="/{{$.Repo.Name}}/bug/{{.FullID}}">{{.ID}}</a></code>
       {{.Title}}
-      <span class="badge badge-{{.Status}}">{{.Status}}</span>
     </h3>
     <footer>
       by <strong>{{.Author}}</strong> on