Tuned up the CSS for message board view. It looks pretty good now.

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 4c4c11e700e1d4337099f3361d28671f645571dd..46ffb3b30a26b08d7efee89b1e80f1c9cfc9e6d7 100644 (file)
--- 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 9b07d1d0cdf11559b31ef00ee4b569ef341725a4..9e8d029c6e707a4f308696a26dc3cfb96ac73959 100644 (file)
--- 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