diff --git a/public/theme/css/default.css b/public/theme/css/default.css
index 2404d41..3fff425 100644
--- a/public/theme/css/default.css
+++ b/public/theme/css/default.css
@@ -83,6 +83,10 @@ h1 {
 h2 { font-size: 130%; }
 
 /* comments */
+div#comments {
+  padding: 5px;
+}
+
 div.comment {
   margin-bottom: 10px;
 }
@@ -90,6 +94,7 @@ div.comment {
 div.comment div.cinfo {
   border-bottom: 1px dashed #506070;
   margin-bottom: 5px;
+  padding: 3px;
 }
 
 form#cadd textarea {
diff --git a/templates/comments/list.html.ep b/templates/comments/list.html.ep
index eb18530..4c66be5 100644
--- a/templates/comments/list.html.ep
+++ b/templates/comments/list.html.ep
@@ -4,9 +4,9 @@
 % foreach my $comment (@{ $comments }) {
 <div class="comment">
   <div class="cinfo">
-    <span class="num">#&nbsp;<%= $num++ %></span>&nbsp;
-    <span class="user"><%= $comment->{user} %></span>&nbsp;
-    <span class="date"><%= from_unixtime $comment->{time} %></span>&nbsp;
+    <span class="cnum">#<%= $num++ %></span>,&nbsp;
+    <span class="cuser"><%= $comment->{user} %></span>,&nbsp;
+    <span class="cdate"><%= from_unixtime $comment->{time} %></span>
   </div>
   <div class="ctext">
 %== markdown $comment->{text}