M static/style.css → static/style.css

@@ -172,6 +172,10 @@ .commit-email:after {
   content: '>';
 }
 
+.commit {
+  margin-bottom: 1rem;
+}
+
 .commit pre {
   padding-bottom: 1rem;
   white-space: pre-wrap;
@@ -222,6 +226,11 @@ display: flex;
   flex-direction: row;
   grid-template-columns: 1rem minmax(0, 1fr);
   gap: 1rem;
+}
+
+.commit-info {
+  color: var(--gray);
+  font-size: 14px;
 }
 
 @media (max-width: 600px) {

M templates/log.html → templates/log.html

@@ -15,10 +15,12 @@ <div class="log">
         {{ 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>

M templates/repo.html → templates/repo.html

@@ -17,12 +17,15 @@ <div class="log">
         {{ range .commits }}
         <div>
           <div><a href="/{{ $repo }}/commit/{{ .Hash.String }}">{{ slice .Hash.String 0 8 }}</a></div>
+          <pre>{{ .Message }}</pre>
+        </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>
-          <pre>{{ .Message }}</pre>
         </div>
-        <div class="commit-info">{{ .Author.Name }} <span class="commit-email">{{ .Author.Email }}</span></div>
         {{ end }}
       </div>
+
       <article class="readme">
         <pre>
           {{- if .readme }}{{ .readme }}{{- end -}}