From: Jef van Schendel <jefvanschendel@gmail.com>
Date: Fri, 1 Jul 2011 13:41:44 +0000 (+0200)
Subject: Style comments (first draft only)
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=270dca58af07aaa7548f341e166b56493d9eae30;p=mediagoblin.git

Style comments (first draft only)
---

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 31573820..537cc35c 100644
--- 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 3cebe2f9..0a88921a 100644
--- 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" %}