chore: improve web UI styling

Amolith created 2 weeks ago

Change summary

pkg/web/static/overrides.css    |  9 +++++++++
pkg/web/templates/branches.html | 16 +++++++++-------
2 files changed, 18 insertions(+), 7 deletions(-)

Detailed changes

pkg/web/static/overrides.css

@@ -102,3 +102,12 @@ section[aria-labelledby="diff-heading"] article h4:focus-within .secondary {
   --pico-font-family-sans-serif: "Atkinson Hyperlegible Next","Atkinson Hyperlegible",system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif,var(--pico-font-family-emoji);
   --pico-font-family-monospace: "0xProto","JetBrains Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace,var(--pico-font-family-emoji);
 }
+
+article > header > h1,
+article > header > h2,
+article > header > h3,
+article > header > h4,
+article > header > h5,
+article > header > h6 {
+	margin-bottom: 0;
+}	

pkg/web/templates/branches.html

@@ -4,12 +4,14 @@
   {{if .Branches}}
   {{range .Branches}}
   <article>
-    <h3>
-      {{.Ref.Name.Short}}
-      {{if eq .Ref.Name.Short $.DefaultBranch}}
-      <span aria-label="Default branch">(default)</span>
-      {{end}}
-    </h3>
+    <header>
+      <h3>
+        {{.Ref.Name.Short}}
+        {{if eq .Ref.Name.Short $.DefaultBranch}}
+        <span aria-label="Default branch">(default)</span>
+        {{end}}
+      </h3>
+    </header>
     {{if .Commit}}
     <p>
       <code><a href="/{{$.Repo.Name}}/commit/{{.Commit.ID}}">{{.Commit.ID | shortHash}}</a></code>
@@ -59,4 +61,4 @@
   <p>No branches found</p>
   {{end}}
 </section>
-{{end}}
+{{end}}