1 files changed, 51 insertions, 45 deletions

diff --git a/hyperkitty/templates/messages/message.html b/hyperkitty/templates/messages/message.html
index 89ecda7..4e37290 100644
--- a/hyperkitty/templates/messages/message.html
+++ b/hyperkitty/templates/messages/message.html
@@ -2,52 +2,41 @@
 {% load gravatar %}
 {% load hk_generic %}
 
-<div class="email_header" id="{{email.message_id_hash}}">
-	<div class="email_date inline-block pull-right">
-		{% ifchanged %}
-		<span class="date">
-			{{email|viewer_date|date:"l, j F"}}
-			{% if unfolded %}
-			{{email|viewer_date|date:"Y"}}
+<div class="email{% if unfolded %} email-first{% endif %}">
+
+	<div class="email-header" id="{{email.message_id_hash}}">
+		<div class="email-date inline-block pull-right">
+			{% ifchanged %}
+			<span class="date">
+				{{email|viewer_date|date:"l, j F"}}
+				{% if unfolded %}
+				{{email|viewer_date|date:"Y"}}
+				{% endif %}
+			</span>
+			{% endifchanged %}
+			{% if unfolded %}<br />{% endif %}
+			<span class="time" title="Sender's time: {{email|sender_date|date:"l, j F H:i:s"}}">{{email|viewer_date|date:"H:i:s"}}</span>
+		</div>
+		<div class="gravatar{% if use_mockups %} pull-left{% endif %}">
+			{% gravatar email.sender_email 40 %}
+		</div>
+		<div class="email-author inline-block">
+			<span class="name"><a href="{% url message_index mlist_fqdn=list_address, message_id_hash=email.message_id_hash %}">{{email.sender_name|escapeemail}}</a></span>
+			{% if use_mockups %}
+			<br />
+			<span class="rank">
+				Rank 8
+			</span>
 			{% endif %}
-		</span>
-		{% endifchanged %}
-		{% if unfolded %}<br />{% endif %}
-		<span class="time" title="Sender's time: {{email|sender_date|date:"l, j F H:i:s"}}">{{email|viewer_date|date:"H:i:s"}}</span>
-	</div>
-	<div class="gravatar{% if use_mockups %} pull-left{% endif %}">
-		{% gravatar email.sender_email 40 %}
-	</div>
-	<div class="email_author inline-block">
-		<span class="name"><a href="{% url message_index mlist_fqdn=list_address, message_id_hash=email.message_id_hash %}">{{email.sender_name|escapeemail}}</a></span>
-		{% if use_mockups %}
-		<br />
-		<span class="rank">
-			Rank 8
-		</span>
-		{% endif %}
+		</div>
 	</div>
-</div>
-
-<div class="{% if unfolded %}first_{% endif %}email_body"
- >{{ email.content|snip_quoted|wordwrap:90|urlizetrunc:76|escapeemail }}</div>
 
-{% if unfolded and email.attachments|count %}
-<p class="attachments">Attachments:</p>
-<ul class="attachments-list">
-{% for attachment in email.attachments %}
-	<li><a href="{% url message_attachment mlist_fqdn=list_address, message_id_hash=email.message_id_hash, counter=attachment.counter, filename=attachment.name %}">{{attachment.name}}</a>
-		({{attachment.content_type}} &mdash; {{attachment.size|filesizeformat}})
-	</li>
-{% endfor %}
-</ul>
-{% endif %}
+	<div class="email-body"
+	 >{{ email.content|snip_quoted|wordwrap:90|urlizetrunc:76|escapeemail }}</div>
 
-<ul class="email_info inline">
-	{% include "messages/like_form.html" with message_id_hash=email.message_id_hash object=email %}
-	{% if not unfolded and email.attachments|count %}
-	<li class="attachments">
-		<a class="attachments" href="#attachments">{{ email.attachments|count }} attachment(s)</a>
+	{% if unfolded and email.attachments|count %}
+	<div class="attachments">
+		<p class="attachments">Attachments:</p>
 		<ul class="attachments-list">
 		{% for attachment in email.attachments %}
 			<li><a href="{% url message_attachment mlist_fqdn=list_address, message_id_hash=email.message_id_hash, counter=attachment.counter, filename=attachment.name %}">{{attachment.name}}</a>
@@ -55,9 +44,26 @@
 			</li>
 		{% endfor %}
 		</ul>
-	</li>
+	</div>
 	{% endif %}
-	{% include "messages/reply_form.html" with mlist_fqdn=list_address message_id_hash=email.message_id_hash %}
-</ul>
+
+	<div class="email-info">
+		{% include "messages/like_form.html" with message_id_hash=email.message_id_hash object=email %}
+		{% if not unfolded and email.attachments|count %}
+		<div class="attachments">
+			<a class="attachments" href="#attachments">{{ email.attachments|count }} attachment(s)</a>
+			<ul class="attachments-list">
+			{% for attachment in email.attachments %}
+				<li><a href="{% url message_attachment mlist_fqdn=list_address, message_id_hash=email.message_id_hash, counter=attachment.counter, filename=attachment.name %}">{{attachment.name}}</a>
+					({{attachment.content_type}} &mdash; {{attachment.size|filesizeformat}})
+				</li>
+			{% endfor %}
+			</ul>
+		</div>
+		{% endif %}
+		{% include "messages/reply_form.html" with mlist_fqdn=list_address message_id_hash=email.message_id_hash %}
+	</div>
+
+</div>
 
 {# vim: set noet: #}