Restyle comment display and forms.

diff --git a/media/base/css/base.css b/media/base/css/base.css
index 6b35c1b6ab316fd8bc81c2fca7aa949e67b73e14..c8673e69f5192689526d7c8c0739b1a1b027f001 100644 (file)
--- a/media/base/css/base.css
+++ b/media/base/css/base.css
@@ -15,8 +15,17 @@ table {
 .comment {
        border: solid white 2px;
        margin-top: 2px;
+    padding: 3px;
 }
 
 .comment.private {
     border-color: red;
 }
+
+.comment-body {
+    font-family: monospace;
+}
+
+.commentReplyForm label {
+    font-weight: bold;
+}

diff --git a/templates/influences/influence_comments_block.html b/templates/influences/influence_comments_block.html
index 430ed7135cb11bdb6a0b7bff29fbd64fcf702062..6b0dd51597ca693c5e83293a5b41fd06bc077042 100644 (file)
--- a/templates/influences/influence_comments_block.html
+++ b/templates/influences/influence_comments_block.html
@@ -16,8 +16,8 @@
 {% if comments %}
     {% for comment in comments %}
         <div style="margin-left: {{ comment.depth }}em;" class="comment{% if not comment.is_public %} private{% endif %}">
-            {{ comment.user }} said:<br/>
-            {% auto_transform_markup comment %}
+            <span class="commenter">{{ comment.user }} said:</span>
+            <div class="comment-body">{% auto_transform_markup comment %}</div>
                        <p style="display:none;" id="replyLink{{comment.id}}">
                                <a href="javascript:showReply('{{comment.id}}');">{% trans "Reply to this comment" %}</a>
                        </p>
@@ -25,9 +25,10 @@
                                <script type="text/javascript">hideReply('{{comment.id}}');</script>
                                <form method="post" action="{% url influences_influence_comment_parent object.id,comment.id %}">
                                        <p><a href="javascript:hideReply('{{comment.id}}');">{% trans "Cancel reply" %}</a></p>
-                                       <table>
-                                       {{ comment.reply_form.as_table }}
-                                       </table>
+                    {{ comment.reply_form.comment.label_tag }}
+                    {{ comment.reply_form.comment }}<br/>
+                                       {{ comment.reply_form.is_public }}
+                                       {{ comment.reply_form.is_public.label_tag }}
                                        <div>
                     <input type="hidden" name="next" value="{{ request.path }}" />
                     <input type="submit" value="{% trans "Reply to this comment" %}" />
@@ -47,9 +48,10 @@
 <h3>{% trans "Add comment" %}</h3>
 <form method="post" action="{% url influences_influence_comment object.id %}">
        <p><a href="javascript:hideReply('')">Cancel comment</a></p>
-    <table>
-    {{ comment_form.as_table }}
-    </table>
+    {{ comment_form.comment.label_tag }}
+    {{ comment_form.comment }}<br/>
+    {{ comment_form.is_public }}
+    {{ comment_form.is_public.label_tag }}
     <div>
     <input type="hidden" name="next" value="{{ request.path }}" />
     <input type="submit" value="{% trans "Add comment" %}" />