From: Jef van Schendel <mail@jefvanschendel.nl>
Date: Sun, 1 Apr 2012 15:22:37 +0000 (+0200)
Subject: HTML/CSS: comment style changes
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=55dbaa9b77cb83f5afa72845d7dc5749aa3c21c8;p=mediagoblin.git

HTML/CSS: comment style changes
---

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 484335f9..2731331f 100644
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -356,16 +356,21 @@ textarea#description, textarea#bio {
 /* comments */
 
 .comment_author {
-  margin-bottom: 40px;
   padding-top: 4px;
   font-size: 0.9em;
 }
 
 .comment_content {
-  margin-bottom: 30px;
+  margin-left: 8px;
+  margin-top: 8px;
+}
+
+.comment_wrapper {
+  margin-top: 14px;
+  margin-bottom: 14px;
 }
 
-.comment_content p {
+.comment_wrapper p {
   margin-bottom: 0px;
 }
 
diff --git a/mediagoblin/templates/mediagoblin/user_pages/media.html b/mediagoblin/templates/mediagoblin/user_pages/media.html
index 5a76d3ec..eadf712e 100644
--- a/mediagoblin/templates/mediagoblin/user_pages/media.html
+++ b/mediagoblin/templates/mediagoblin/user_pages/media.html
@@ -143,10 +143,7 @@
           {% else %}
             <div class="comment_wrapper" id="comment-{{ comment._id }}">
 	        {% endif %}
-          <div class="comment_content">
-            {% autoescape False %}
-              {{ comment.content_html }}
-            {% endautoescape %}
+	        <div class="comment_author">
             <img src="{{ request.staticdirect('/images/icon_comment.png') }}" />
             <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
                             user = comment_author.username) }}">
@@ -158,7 +155,12 @@
                    user = media.get_uploader.username,
                    media = media.slug_or_id) }}#comment">
               {{ comment.created.strftime("%I:%M%p %Y-%m-%d") }}
-            </a>
+            </a>:
+          </div>
+          <div class="comment_content">
+            {% autoescape False %}
+              {{ comment.content_html }}
+            {% endautoescape %}
           </div>
         </div>
       {% endfor %}