M views/chatter.html → views/chatter.html

@@ -19,10 +19,14 @@ {{ $target := "" }}
 {{ range . }}
 {{ if eq $target "" }}
 {{ $target = .Target }}
-<p>chatter: {{ .Target }}
+<p class="chattarget">
+chatter: {{ .Target }}
 {{ end }}
+<div class="chat">
 <p>
-{{ .Handle }}: {{ .HTML }}
+<span class="chatstamp">{{ .Date.Format "15:04" }} {{ .Handle }}:</span>
+{{ .HTML }}
+</div>
 {{ end }}
 <form action="/sendchonk" method="POST">
 <input type="hidden" name="CSRF" value="{{ $chonkcsrf }}">

M views/style.css → views/style.css

@@ -188,6 +188,21 @@ padding-top: 0;
 	overflow: hidden;
 }
 
+.chat {
+	border-bottom: 0.5px solid var(--fg-subtle);
+	padding-left: 1em;
+}
+.chat p {
+	margin-top: 0.2em;
+	margin-bottom: 0.2em;
+}
+.chattarget {
+	border-bottom: 1px solid var(--fg-subtle);
+}
+.chatstamp {
+	margin-left: -1em;
+}
+
 .honk	#honkform {
 		padding: 1em;
 		border: 1px solid var(--fg);