From d0e938bc3b85404d4514ad243775715d9b0e70b4 Mon Sep 17 00:00:00 2001
From: Art Cancro <ajc@citadel.org>
Date: Sat, 30 Oct 2021 16:14:53 -0400
Subject: [PATCH] Tuned up the CSS for message board view.  It looks pretty
 good now.

---
 webcit-ng/static/css/webcit.css | 28 +++++++++++++++++++++++++++-
 webcit-ng/static/js/views.js    | 12 ++++++++++--
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 4c4c11e70..46ffb3b30 100644
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -22,6 +22,24 @@ html,body,h1,h2,h3,h4,h5 {
 	padding: 4px;		/* inside the box */
 }
 
+.ctdl-msg-header {
+	padding: 4px;
+}
+
+.ctdl-msg-header-info {
+	float: left;
+}
+
+.ctdl-msg-header-buttons {
+	float: right;
+}
+
+.ctdl-msg-button {
+	padding-left: 2px;
+	padding-right: 2px;
+	font-weight: bold;
+}
+
 .ctdl-avatar {
 	width: 32px;
 }
@@ -29,11 +47,19 @@ html,body,h1,h2,h3,h4,h5 {
 .ctdl-username {
 	font-weight: bold;
 	color: #000055;
-	padding: 4px;
 }
 
 .ctdl-username a {
 	text-decoration: none;
+	padding-right: 4px;
+}
+
+.ctdl-msgdate {
+	padding-left: 4px;
+}
+
+.ctdl-msgsubject {
+	font-weight: bold;
 }
 
 .ctdl-msg-content {
diff --git a/webcit-ng/static/js/views.js b/webcit-ng/static/js/views.js
index 9b07d1d0c..9e8d029c6 100644
--- a/webcit-ng/static/js/views.js
+++ b/webcit-ng/static/js/views.js
@@ -167,12 +167,20 @@ function forum_render_one(div, msgnum, scroll_to) {
 			+ "</div>"							// end avatar
 			+ "<div class=\"ctdl-msg-content\">"				// begin content
 			+ "<div class=\"ctdl-msg-header\">"				// begin header
+			+ "<span class=\"ctdl-msg-header-info\">"			// begin header info on left side
 			+ "<span class=\"ctdl-username\"><a href=\"#\">"		// FIXME link to user profile
 			+ msg.from
-			+ "</a></span>"
+			+ "</a></span>"							// end username
 			+ "<span class=\"ctdl-msgdate\">"
 			+ msg.time
-			+ "</span>"
+			+ "</span>"							// end msgdate
+			+ "</span>"							// end header info on left side
+			+ "<span class=\"ctdl-msg-header-buttons\">"			// begin buttons on right side
+			+ "<span class=\"ctdl-msg-button\">Reply</span>"
+			+ "<span class=\"ctdl-msg-button\">Delete</span>"
+			+ "<span class=\"ctdl-msg-button\">Flame</span>"
+			+ "</span>"							// end buttons on right side
+			+ "<br><span class=\"ctdl-msgsubject\">This is a message subject, if present</span>"
 			+ "</div>"							// end header
 			+ "<div>"							// begin body
 			+ msg.text
-- 
2.39.2