Don’t color the separator dot.

diff --git a/src/main/resources/static/css/sone.css b/src/main/resources/static/css/sone.css
index 9fb33a8..3c4e321 100644 (file)
--- a/src/main/resources/static/css/sone.css
+++ b/src/main/resources/static/css/sone.css
@@ -144,11 +144,15 @@
 
 #sone .post .show-reply-form {
        display: inline;
+}
+
+#sone .post .show-reply-form span {
        color: rgb(28, 131, 191);
        cursor: pointer;
+       font: inherit;
 }
 
-#sone .post .show-reply-form:hover {
+#sone .post .show-reply-form span:hover {
        color: rgb(255, 172, 0);
 }
 

diff --git a/src/main/resources/static/javascript/sone.js b/src/main/resources/static/javascript/sone.js
index 13d990d..502413a 100644 (file)
--- a/src/main/resources/static/javascript/sone.js
+++ b/src/main/resources/static/javascript/sone.js
@@ -25,7 +25,7 @@ function addCommentLinks() {
        $("#sone .post").each(function() {
                postId = $(this).attr("id");
                commentElement = (function(postId) {
-                       var commentElement = $("<div>Comment</div>").addClass("show-reply-form").click(function() {
+                       var commentElement = $("<div><span>Comment</span></div>").addClass("show-reply-form").click(function() {
                                replyElement = $("#sone .post#" + postId + " .create-reply");
                                replyElement.removeClass("hidden");
                                replyElement.removeClass("light");