Restyle comment display and forms.
[matthijs/projects/xerxes.git] / templates / influences / influence_comments_block.html
index 430ed7135cb11bdb6a0b7bff29fbd64fcf702062..6b0dd51597ca693c5e83293a5b41fd06bc077042 100644 (file)
@@ -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>
                                <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" %}" />
 <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" %}" />