From 2e3c3103c48c748ccc8fa6b3607d51f112a9400f Mon Sep 17 00:00:00 2001
From: Anirudh Oppiliappan <x@icyphox.sh>
Date: Sun, 18 Dec 2022 12:18:43 +0530
Subject: [PATCH] log: cleaner view

---
 static/style.css    | 9 +++++++++
 templates/log.html  | 6 ++++--
 templates/repo.html | 7 +++++--
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/static/style.css b/static/style.css
index 1a36ec7..7ae9fc3 100644
--- a/static/style.css
+++ b/static/style.css
@@ -172,6 +172,10 @@ a:hover {
   content: '>';
 }
 
+.commit {
+  margin-bottom: 1rem;
+}
+
 .commit pre {
   padding-bottom: 1rem;
   white-space: pre-wrap;
@@ -224,6 +228,11 @@ a:hover {
   gap: 1rem;
 }
 
+.commit-info {
+  color: var(--gray);
+  font-size: 14px;
+}
+
 @media (max-width: 600px) {
   .index {
     grid-row-gap: 0.8em;
diff --git a/templates/log.html b/templates/log.html
index bc028b3..4e592b6 100644
--- a/templates/log.html
+++ b/templates/log.html
@@ -15,10 +15,12 @@
         {{ range .commits }}
         <div>
           <div><a href="/{{ $repo }}/commit/{{ .Hash.String }}">{{ slice .Hash.String 0 8 }}</a></div>
-          <div>{{ .Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div>
           <pre>{{ .Message }}</pre>
         </div>
-        <div class="commit-info">{{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span></div>
+        <div class="commit-info">
+          {{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span>
+          <div>{{ .Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div>
+        </div>
         {{ end }}
       </div>
     </main>
diff --git a/templates/repo.html b/templates/repo.html
index 2e87b07..687cafe 100644
--- a/templates/repo.html
+++ b/templates/repo.html
@@ -17,12 +17,15 @@
         {{ range .commits }}
         <div>
           <div><a href="/{{ $repo }}/commit/{{ .Hash.String }}">{{ slice .Hash.String 0 8 }}</a></div>
-          <div>{{ .Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div>
           <pre>{{ .Message }}</pre>
         </div>
-        <div class="commit-info">{{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span></div>
+        <div class="commit-info">
+          {{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span>
+          <div>{{ .Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" }}</div>
+        </div>
         {{ end }}
       </div>
+
       <article class="readme">
         <pre>
           {{- if .readme }}{{ .readme }}{{- end -}}