cleaned up comment styles with fancier fonts

3 files changed, 25 insertions, 11 deletions

diff --git a/design/sass/_comments.scss b/design/sass/_comments.scss
index 7abbe83..f480728 100644
--- a/design/sass/_comments.scss
+++ b/design/sass/_comments.scss
@@ -1,14 +1,11 @@
 //### COMMENTS AND FORMS ###
 .comments--header {
     @include constrain_narrow;
-    font-family: Helvetica Neue, Helvetica, sans-serif;
+    @include fancy_sans;
     line-height: 6em;
     @include fontsize(16);
     font-style: italic;
-    &:before {
-        @include faded_line_after;
-        margin-top: 2em;
-    }
+    margin-top: 2em;
 }
 .comments--wrapper {
     @include constrain_narrow();
@@ -36,15 +33,17 @@
 }
 .comment--body {
     margin-bottom: 3em;
+    @include fontsize(22);
 }
 .who {
-    font-family: Helvetica Neue, Helvetica, sans-serif;
-    @include fontsize(18);
+    @include fancy_sans;
+    @include fontsize(22);
 }
 .when {
-    @include fontsize(13);
+    @include fancy_sans;
+    @include fontsize(15);
+    color: #999;
     margin-left: 1em;
-    font-style: italic;
 }
 
 .gravatar {
@@ -59,6 +58,7 @@
 
 .comment--form--wrapper {
     @include constrain_narrow();
+    border-top: 3px double #efefef;
     p {
         font-family: $fancy_serif;
     }
@@ -85,5 +85,16 @@
 }
 .comment--form--header {
     margin-top: 2em;
+    .hed {
+        @include fontsize(28);
+        margin: 0;
+    }
+    .subhed {
+        font-style: italic;
+        @include fontsize(20);
+        line-height: 1.25;
+        margin-top: 0;
+        margin-bottom: 0;
+    }
 }
     
diff --git a/design/templates/comments/form.html b/design/templates/comments/form.html
index 6bc0edf..d7e5ee3 100644
--- a/design/templates/comments/form.html
+++ b/design/templates/comments/form.html
@@ -1,6 +1,9 @@
 {% load comments i18n %}
 <div class="comment--form--wrapper">
-<p class="comment--form--header">Your thoughts? Please leave a reply:</p>
+<div class="comment--form--header">
+    <p class="hed">Thoughts?</p>
+    <p class="subhed">Please leave a reply:</p>
+</div>
 <form action="{% comment_form_target %}" method="post" class="comment--form">
   {% if next %}<div><input type="hidden" name="next" value="{{ next }}" /></div>{% endif %}
 <input type="hidden" name="rder" value="{{ form.instance.content_object.get_absolute_url }}" />
diff --git a/design/templates/comments/list.html b/design/templates/comments/list.html
index d5012f8..d3fe441 100644
--- a/design/templates/comments/list.html
+++ b/design/templates/comments/list.html
@@ -12,7 +12,7 @@
             </noscript>
 		    <div class="comment--head">
                 <span class="who"><b>{%if comment.url %}<a href="{{comment.url}}" rel="nofollow" target="_blank">{{comment.name}}</a>{% else %}{{comment.name}}{%endif%}</b></span>
-                <span class="when">{{comment.submit_date}}</span>
+                <span class="when">{{comment.submit_date|date:"F d, Y"}} at  {{comment.submit_date|date:"g:i a"}}</span>
             </div>
 		
             <div class="comment--body">