1. Comments table
Concept is : remove <thead>, remove the checkboxes & delete button, make only one column, make the title stick to the table (if no comments, no <h3> title)

HTML output should be like this :

<h3>Comments</h3>

<table class="commentsOutput">
  <tr class="dataRowOdd"> //we keep this system of colored rows
    <td>

<div class="commentActions"> <a href=..=>Delete</a> </div>
<div class="commentAuthor"> Name of the Author <span class="commentCreationDate"> 00/00/00 24:24</span></div>
<pre> the comment </pre>

    </td>
  </tr>
  <tr class="dataRowOdd"> etc ... </tr></table>



2. The add comment form
Concept is : add a title, put the textarea in a table with css class, button is currently fine

HTML output should be like this :

<h3>Add a comment</h3>

<table class="dataInput"> // can be hand-written, no need for jsf of course
 <tr>
  <td>
    <textarea> //doesnt change
  </td>
 </tr>
</table>

button //doest change



3. Global tab page aspect

* when no comment, page should make

  <h3>Add a comment</h3>
  the add comment form
  
* when page has comments, page should make

  <h3>Comments</h3>
  the comments table

  <h3>Add a comment</h3>
  the textarea + button
  
  
4. warn me when comitted so i can check my styles are ok, thanks :-)