comment layout change

I saw a layout similar to this on blogger, and I sorta like it

The dash avoids parens sitting next to each other in some cases.

diff --git a/doc/style.css b/doc/style.css
index 1fabf6b29fcbbab0aff9459fd1cc44b11816bea5..81a260afd78ef97a18d9ef4727c12627cc37bd00 100644 (file)
--- a/doc/style.css
+++ b/doc/style.css
@@ -375,6 +375,7 @@ span.color {
 
 .comment-header {
        font-style: italic;
+       margin-top: .3em;
 }
 .comment .author {
        font-weight: bold;

diff --git a/templates/comment.tmpl b/templates/comment.tmpl
index f26cf6d05088ae5505517be82464a0c3b1169605..6f2b1619ef08127f17bc2fc03049be5353bbab0d 100644 (file)
--- a/templates/comment.tmpl
+++ b/templates/comment.tmpl
@@ -1,7 +1,13 @@
 <div class="comment" id="<TMPL_VAR NAME=INLINEPAGE>">
 
+<div class="comment-subject"><a href="<TMPL_VAR PERMALINK>"><TMPL_VAR TITLE></a></div>
+
+<div class="inlinecontent">
+<TMPL_VAR CONTENT>
+</div>
+
 <div class="comment-header">
-By
+Comment by
 
 <TMPL_IF NAME="COMMENTUSER">
 <TMPL_IF NAME="COMMENTOPENID">
@@ -31,13 +37,6 @@ By
 </span>
 </TMPL_IF><!-- !COMMENTUSER -->
 
-(<TMPL_VAR CTIME>)
+&mdash; <TMPL_VAR CTIME>
 </div>
-
-<div class="comment-subject"><a href="<TMPL_VAR PERMALINK>"><TMPL_VAR TITLE></a></div>
-
-<div class="inlinecontent">
-<TMPL_VAR CONTENT>
-</div>
-
 </div><!--.comment-->