From: Matthijs Kooijman <matthijs@stdin.nl>
Date: Fri, 31 Oct 2008 20:27:35 +0000 (+0100)
Subject: Restyle comment display and forms.
X-Git-Url: https://git.stderr.nl/gitweb?p=matthijs%2Fprojects%2Fxerxes.git;a=commitdiff_plain;h=60cf2b9beceddc413d686541c4c4f207bc8cd3a2

Restyle comment display and forms.
---

diff --git a/media/base/css/base.css b/media/base/css/base.css
index 6b35c1b..c8673e6 100644
--- 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 430ed71..6b0dd51 100644
--- 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" %}" />