From 040dc26a4d2ed6d7ba3c731d31f33c6b6e348bfa Mon Sep 17 00:00:00 2001
From: Ted Unangst <tedu@tedunangst.com>
Date: Thu, 14 May 2020 23:34:08 -0400
Subject: [PATCH] a touch more chat style

---
 views/chatter.html |  8 ++++++--
 views/style.css    | 15 +++++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/views/chatter.html b/views/chatter.html
index f0d3986..fd5f61b 100644
--- a/views/chatter.html
+++ b/views/chatter.html
@@ -19,10 +19,14 @@
 {{ 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 }}">
diff --git a/views/style.css b/views/style.css
index 65ce392..5e9dc41 100644
--- a/views/style.css
+++ b/views/style.css
@@ -188,6 +188,21 @@ input[type=file] {
 	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);