From 1ebefd01d0510e8bc61d0250e517eacdede0e498 Mon Sep 17 00:00:00 2001
From: Amolith <amolith@secluded.site>
Date: Fri, 17 Oct 2025 17:34:23 -0600
Subject: [PATCH] chore: web UI polish

Fixes: bug-45aeed6
Co-authored-by: Crush <crush@charm.land>
---
 pkg/web/static/overrides.css    |  7 ++++++-
 pkg/web/templates/branches.html |  8 ++++----
 pkg/web/templates/commit.html   | 22 ++++------------------
 pkg/web/templates/commits.html  |  8 ++++----
 pkg/web/templates/tags.html     |  8 ++++----
 pkg/web/webui.go                |  9 +++++++++
 6 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/pkg/web/static/overrides.css b/pkg/web/static/overrides.css
index 5b7d1ff16c4281d8f3dc68cf21d30dc12d179182..b974f316ca94320ecf4f2de9aaa69cee0ff5e112 100644
--- a/pkg/web/static/overrides.css
+++ b/pkg/web/static/overrides.css
@@ -108,6 +108,11 @@ article > header > h2,
 article > header > h3,
 article > header > h4,
 article > header > h5,
-article > header > h6 {
+article > header > h6,
+article > header > p {
+	margin-bottom: 0;
+}
+
+article > p:only-child {
 	margin-bottom: 0;
 }	
diff --git a/pkg/web/templates/branches.html b/pkg/web/templates/branches.html
index 54c1cd726445342bb004c4c8a6d570966abd9053..d67243085c114cc14968d5d5e24470218e7dc144 100644
--- a/pkg/web/templates/branches.html
+++ b/pkg/web/templates/branches.html
@@ -24,10 +24,10 @@
       <pre>{{$body}}</pre>
     </details>
     {{end}}
-    <p>
-      by <strong>{{.Commit.Author.Name}}</strong> on
-      <time datetime="{{.Commit.Author.When | rfc3339}}">{{.Commit.Author.When | formatDate}}</time>
-    </p>
+     <p>
+       <strong>{{.Commit.Author.Name}}</strong> created
+       <time datetime="{{.Commit.Author.When | rfc3339}}" data-tooltip="{{.Commit.Author.When | formatDate}}">{{.Commit.Author.When | relativeTime}}</time>
+     </p>
     {{end}}
     <div class="grid">
       <a href="/{{$.Repo.Name}}/tree/{{.Ref.Name.Short}}" role="button" class="secondary">Files</a>
diff --git a/pkg/web/templates/commit.html b/pkg/web/templates/commit.html
index 7a0c131475df28dd5936c51c0e08977d98a17e6b..638bc5aca7e83d821ffe159bee52b0350dcf403d 100644
--- a/pkg/web/templates/commit.html
+++ b/pkg/web/templates/commit.html
@@ -7,28 +7,14 @@
 </nav>
 
 <header>
-  <h2 id="commit-heading">{{.Commit.Message | commitSubject}}</h2>
+  <hgroup>
+    <h2 id="commit-heading">{{.Commit.Message | commitSubject}}</h2>
+    <p><strong>{{.Commit.Author.Name}}</strong> created <time datetime="{{.Commit.Author.When | rfc3339}}" data-tooltip="{{.Commit.Author.When | formatDate}}">{{.Commit.Author.When | relativeTime}}</time></p>
+  </hgroup>
   {{$body := .Commit.Message | commitBody}}
   {{if $body}}
   <pre><code>{{$body}}</code></pre>
   {{end}}
-  <dl aria-label="Commit metadata">
-    <dt>Author</dt>
-    <dd>{{.Commit.Author.Name}} &lt;{{.Commit.Author.Email}}&gt;</dd>
-    
-    <dt>Date</dt>
-    <dd><time datetime="{{.Commit.Author.When | rfc3339}}">{{.Commit.Author.When | formatDate}}</time></dd>
-    
-    <dt>Commit</dt>
-    <dd><code>{{.Commit.ID}}</code></dd>
-    
-    {{if .ParentIDs}}
-    <dt>Parent{{if gt (len .ParentIDs) 1}}s{{end}}</dt>
-    <dd>
-      {{range $i, $parent := .ParentIDs}}{{if $i}}, {{end}}<code><a href="/{{$.Repo.Name}}/commit/{{$parent}}">{{$parent | shortHash}}</a></code>{{end}}
-    </dd>
-    {{end}}
-  </dl>
   
   <nav aria-label="Commit actions">
     <ul>
diff --git a/pkg/web/templates/commits.html b/pkg/web/templates/commits.html
index f89958d136d94ae92b9f1ee3a40a5b2ea6bd5a0f..c5679b20bbf4b443e710acf8f6e9cee2db190265 100644
--- a/pkg/web/templates/commits.html
+++ b/pkg/web/templates/commits.html
@@ -23,10 +23,10 @@
       <pre>{{$body}}</pre>
     </details>
     {{end}}
-    <p>
-      by <strong>{{.Author.Name}}</strong> on
-      <time datetime="{{.Author.When | rfc3339}}">{{.Author.When | formatDate}}</time>
-    </p>
+     <p>
+       <strong>{{.Author.Name}}</strong> created
+       <time datetime="{{.Author.When | rfc3339}}" data-tooltip="{{.Author.When | formatDate}}">{{.Author.When | relativeTime}}</time>
+     </p>
   </article>
   {{end}}
 
diff --git a/pkg/web/templates/tags.html b/pkg/web/templates/tags.html
index 63fa9dad598a94fc313df37d724bae6a2ddc078e..cd404160c8c3987be818eec396d5eed571495a96 100644
--- a/pkg/web/templates/tags.html
+++ b/pkg/web/templates/tags.html
@@ -9,10 +9,10 @@
     <pre><code>{{.TagMessage}}</code></pre>
     {{end}}
     {{if .Commit}}
-    <p>
-      by <strong>{{.Commit.Author.Name}}</strong> on
-      <time datetime="{{.TagDate | rfc3339}}">{{.TagDate | formatDate}}</time>
-    </p>
+     <p>
+       <strong>{{.Commit.Author.Name}}</strong> created
+       <time datetime="{{.TagDate | rfc3339}}" data-tooltip="{{.TagDate | formatDate}}">{{.TagDate | relativeTime}}</time>
+     </p>
     {{end}}
     <div class="grid">
       <a href="/{{$.Repo.Name}}/tree/{{.Ref.Name.Short}}" role="button" class="secondary">Files</a>
diff --git a/pkg/web/webui.go b/pkg/web/webui.go
index e9653a8baa34603c4f47da946391503c77473298..c2e8ad45c8cf8b412a69af475f3dd3761e22e966 100644
--- a/pkg/web/webui.go
+++ b/pkg/web/webui.go
@@ -16,6 +16,7 @@ import (
 
 	"github.com/charmbracelet/log/v2"
 	"github.com/charmbracelet/soft-serve/pkg/proto"
+	"github.com/dustin/go-humanize"
 	"github.com/gorilla/mux"
 )
 
@@ -155,6 +156,14 @@ var templateFuncs = template.FuncMap{
 			return ""
 		}
 	},
+	"relativeTime": func(t interface{}) string {
+		switch v := t.(type) {
+		case time.Time:
+			return humanize.Time(v)
+		default:
+			return ""
+		}
+	},
 }
 
 // renderHTML renders an HTML template with the given data.