Cleaned up the reply buttons and their behaviour

media/default.css

@@ -116,9 +116,6 @@ table.diff tr.annotation td {
     width: 90%;
     height: 3em;
 }
-.comment-buttons {
-    text-align: right;
-}
 .comment .header {
     font-weight: bold;
 }

templates/components/comment.html

@@ -5,6 +5,9 @@
     <div class="text ui-widget-content">
         {{ comment.text|linebreaks }}
     </div>
+    <div class="comment-buttons">
+        <a class="button" href="#comment-{{ comment.pk }}" rel="respond">Reply</a>
+    </div>
 </div>
 {% for response in comment.response_set.all %}
     <div class="comment response ui-widget">
@@ -16,6 +19,3 @@
         </div>
     </div>
 {% endfor %}
-<div class="comment-buttons">
-    <a class="button" href="#comment-{{ comment.pk }}" rel="respond">Reply</a>
-</div>

templates/review/edit.html

@@ -47,7 +47,7 @@
                         $('<tr class="comment-form" id="' + form_id + '" ></tr>')
                         .append($('<td colspan="3"></td>').append(form))
                     );
-                    updateButtons();
+                    styleButtons();
                 }
             });
             updateButtons();
@@ -79,8 +79,8 @@
                     });
                     return false;
                 });
-                $(this).parent().before($('<div class="comment-form"></div>').append(form));
+                $(this).parents('.comment').parent().append($('<div class="comment-form"></div>').append(form));
-                updateButtons();
+                styleButtons();
             }
         });
         styleButtons();