comments by campaign managers get a blue box around them [#28494261]

frontend/templates/comments.html

@@ -58,7 +58,7 @@ comments rss?
 					{% for comment in latest_comments %}
 					{% with comment.content_object.id as id %}
                     {% with comment.user as user %}
-						<div class="comments {% cycle 'row1' 'row2' %}">
+						<div class="comments {% cycle 'row1' 'row2' %} {% if comment.content_object.last_campaign and comment.user in comment.content_object.last_campaign.managers.all %}official{% endif %}">
 						  <div class="nonavatar">
    							<div class="image">
       							<a href="{% url work id %}?tab=2"><img src="{{ comment.content_object.cover_image_thumbnail }}" alt="cover image" /></a>

frontend/templates/comments/list.html

@@ -1,6 +1,7 @@
 <div id="comments">
-  {% for comment in comment_list %}
-  <div class="work_supporter">
+  {% for comment in comment_list reversed %}
+  
+  <div class="work_supporter {% if comment.content_object.last_campaign and comment.user in comment.content_object.last_campaign.managers.all %}official{% endif %}">
       <a href="/supporter/{{comment.user.username}}">
       <div class="work_supporter_avatar">
         {% if comment.user.profile.pic_url %}
@@ -10,6 +11,6 @@
             {% endif %}
     </div>
     <span class="comment_username">{{comment.user.username }}</span></a> <span>({{ comment.submit_date }})</span> <br /><span class="comment">{{ comment.comment|linebreaksbr }}<br /></span> 
-  </div>
+  </div>  
   {% endfor %}
 </div>

static/css/campaign.css

@@ -458,6 +458,10 @@ div#content-block-content #tabs-1 img {
   vertical-align: middle;
   margin-left: -5px;
 }
+.official {
+	border: 3px #B8DDE0 solid;
+	margin: 3px auto;
+}
 .editions {
   clear: both;
 }

static/css/comments.css

@@ -47,3 +47,7 @@
   margin: 0 auto;
   padding-top: 5px;
 }
+.official {
+	border: 3px #B8DDE0 solid;
+	margin: 3px auto;
+}