Style comments (first draft only)

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 31573820d99ef5834a29acf60bb0c721d0331955..537cc35c0cd077a5a50f219cca0254db6f32ac2c 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -223,6 +223,20 @@ a.mediagoblin_logo:hover {
   width:280px;
 }
 
+/* comments */
+
+.comment_author {
+  margin-bottom:40px;
+  font-size:14px;
+  text-align:right;
+  border-top:1px solid #393939;
+  padding-top:4px;
+}
+
+.comment_content p {
+  margin-bottom:4px;
+}
+
 /* media galleries */
 
 ul.media_thumbnail {

diff --git a/mediagoblin/templates/mediagoblin/user_pages/media.html b/mediagoblin/templates/mediagoblin/user_pages/media.html
index 3cebe2f9a27a4a9acf6373d2e959c6d400646b8a..0a88921aefda23c93a87d76991ae5ade327ab83c 100644 (file)
--- a/mediagoblin/templates/mediagoblin/user_pages/media.html
+++ b/mediagoblin/templates/mediagoblin/user_pages/media.html
@@ -68,13 +68,18 @@
         <h3>Comments</h3>
         {% for comment in comments %}
           <div class="comment_wrapper" id="comment-{{ comment['_id'] }}">
-         <div class="comment_author">By: 
+         
+            <div class="comment_content">
+              {% autoescape False %}
+                {{ comment.content_html }}
+              {% endautoescape %}
+         </div>
+         <div class="comment_author">&mdash; 
            <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
                                           user = comment['author']['username']) }}">
-             {{ comment['author']['username'] }}
-           </a>
-         </div>
-         <div class="comment_datetime">
+             {{ comment['author']['username'] }}</a> at 
+         <!--</div>
+         <div class="comment_datetime">-->
            <a href="#comment-{{ comment['_id'] }}">
              {{ "%4d-%02d-%02d %02d:%02d"|format(comment.created.year,
                                           comment.created.month,
@@ -83,11 +88,6 @@
                                           comment.created.minute) }}
            </a>
          </div>
-            <div class="comment_content">
-              {% autoescape False %}
-                {{ comment.content_html }}
-              {% endautoescape %}
-         </div>
        </div>
         {% endfor %}
         {% include "mediagoblin/utils/pagination.html" %}