The buttons now look like buttons, the reply button has a nice reply icon in it,...

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 3fa6b84dd4cb365053931f774a9b69e51c9814c9..55b161906f312160ceee3bd2efed70fef650689b 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -38,9 +38,23 @@ html,body,h1,h2,h3,h4,h5 {
 }
 
 .ctdl-msg-button {
-       padding-left: 2px;
-       padding-right: 2px;
-       font-weight: bold;
+       margin-left: 2px;
+       border-radius: 5px;
+       background-color: blue;
+       padding: 2px;
+       background-color: GhostWhite;
+       border-style: solid;
+       border-width: thin;
+}
+
+.ctdl-msg-button:hover {
+       background-color: black;
+       color: GhostWhite;
+       border-style: none;
+}
+
+.ctdl-msg-button a {
+       text-decoration: none;
 }
 
 .ctdl-avatar {

diff --git a/webcit-ng/static/js/views.js b/webcit-ng/static/js/views.js
index f4d8e220d46035b52c152b83936f3d34c80aeeb6..39bbd4eed995658d3b1936e01324a69cf027f125 100644 (file)
--- a/webcit-ng/static/js/views.js
+++ b/webcit-ng/static/js/views.js
@@ -176,9 +176,12 @@ function forum_render_one(div, msgnum, scroll_to) {
                        + "</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 class=\"ctdl-msg-button\"><a href=\"#\">"
+                       + "<i class=\"fa fa-reply\" aria-hidden=\"true\"></i> " 
+                       + _("Reply")
+                       + "</a></span>"
+                       + "<span class=\"ctdl-msg-button\"><a href=\"#\">Delete</a></span>"
+                       + "<span class=\"ctdl-msg-button\"><a href=\"#\">Flame</a></span>"
                        + "</span>";                                                    // end buttons on right side
                        if (msg.subj) {
                                outmsg +=