Improve thread list design further

app/templates/macros/threads.html

@@ -64,25 +64,41 @@
 	{% for t in threads %}
 		<a class="list-group-item list-group-item-action"
 				href="{{ url_for('threads.view', id=t.id) }}">
-			{% if not compact %}
+			{% if compact %}
-				<span class="text-muted float-right">
+				{% if t.private %}&#x1f512; {% endif %}
-					{{ t.created_at | datetime }}
+				<strong>{{ t.title }}</strong>
-				</span>
+				by {{ t.author.display_name }}
+			{% else %}
+				<div class="row">
+					<div class="col-sm">
+						<span class="mr-3">
+							{% if not t.review %}
+								<i class="fas fa-comment-alt" style="color:#666;"></i>
+							{% elif t.review.recommends %}
+								<i class="fas fa-thumbs-up" style="color:#6f6;"></i>
+							{% else %}
+								<i class="fas fa-thumbs-down" style="color:#f66;"></i>
+							{% endif %}
+						</span>
 
-				<span class="mr-2">
+						{% if t.private %}&#x1f512; {% endif %}
-					{% if not t.review %}
+						<strong>{{ t.title }}</strong>
-						<i class="fas fa-comment-alt" style="color:#666;"></i>
+						by {{ t.author.display_name }}
-					{% elif t.review.recommends %}
+					</div>
-						<i class="fas fa-thumbs-up" style="color:#6f6;"></i>
+
-					{% else %}
+					<div class="col-sm">
-						<i class="fas fa-thumbs-down" style="color:#f66;"></i>
+						{% if t.package %}
-					{% endif %}
+							{{ _("%(title)s by %(author)s",
-				</span>
+									title="<b>" | safe + t.package.title + "</b>" | safe,
+									author=t.package.author.display_name) }}
+						{% endif %}
+					</div>
+
+					<div class="col-sm text-muted text-right">
+						{{ t.created_at | datetime }}
+					</div>
+				</div>
 			{% endif %}
-
-			{% if t.private %}&#x1f512; {% endif %}
-			<strong>{{ t.title }}</strong>
-			by {{ t.author.display_name }}
 		</a>
 	{% else %}
 		<p>{% if list_group %}class="list-group-item"{% endif %}><i>No threads found</i></p>