From a43a946f5d67b32c2101427f8cb68a15c77fb4a5 Mon Sep 17 00:00:00 2001
From: Thomas Sileo <t@a4.io>
Date: Sat, 23 Jun 2018 12:01:31 +0200
Subject: [PATCH] Fix the follower/following page layout

---
 templates/followers.html | 18 +++++++++++++++++-
 templates/utils.html     | 12 ++++++------
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/templates/followers.html b/templates/followers.html
index e4f43a1..4ad731b 100644
--- a/templates/followers.html
+++ b/templates/followers.html
@@ -9,8 +9,24 @@
 
 <div id="followers">
 	{% for follower in followers_data %}
-	{{ utils.display_actor(follower) }}
+    <div style="height: 100px;">
+	{{ utils.display_actor_inline(follower, size=80) }}
+    </div>
 	{% endfor %}
+
+	{% for follower in followers_data %}
+    <div style="height: 100px;">
+	{{ utils.display_actor_inline(follower, size=80) }}
+    </div>
+	{% endfor %}
+
+	{% for follower in followers_data %}
+    <div style="height: 100px;">
+	{{ utils.display_actor_inline(follower, size=80) }}
+    </div>
+	{% endfor %}
+
+
 </div>
 
 </div>
diff --git a/templates/utils.html b/templates/utils.html
index 299fd1e..5bd6091 100644
--- a/templates/utils.html
+++ b/templates/utils.html
@@ -1,10 +1,10 @@
-{% macro display_actor_inline(follower) -%}
+{% macro display_actor_inline(follower, size=50) -%}
 <a class="actor-box" href="{{follower.url}}" style="clear:both;">
 <span style="float:left;padding-right:15px;">
 {% if not follower.icon %}
-<img class="actor-icon" src="/static/nopic.png" style="width:50px">
+<img class="actor-icon" src="/static/nopic.png" style="width:{{ size }}px">
 {% else %}
-<img class="actor-icon" src="{{ follower.icon.url }}" style="width:50px;">{% endif %}
+<img class="actor-icon" src="{{ follower.icon.url }}" style="width:{{ size }}px;">{% endif %}
 </span>
 <div class="actor-inline">
 <div style="font-weight:bold">{{ follower.name or follower.preferredUsername }}</div>
@@ -80,9 +80,9 @@
 {% else %}	
 <a class ="bar-item" href="{{ item.activity.object.url }}">permalink</a> 
 
-{% if item.meta.count_reply %}<a class ="bar-item" href="{{ item.activity.object.url }}">{{ item.meta.count_reply }} replies</a>{% endif %}
-{% if item.meta.count_boost %}<a class ="bar-item" href="{{ item.activity.object.url }}">{{ item.meta.count_boost }} boosts</a>{% endif %}
-{% if item.meta.count_like %}<a class ="bar-item" href="{{ item.activity.object.url }}">{{ item.meta.count_like }} likes</a>{% endif %}
+{% if item.meta.count_reply %}<a class ="bar-item" href="{{ item.activity.object.url }}"><strong>{{ item.meta.count_reply }}</strong> replies</a>{% endif %}
+{% if item.meta.count_boost %}<a class ="bar-item" href="{{ item.activity.object.url }}"><strong>{{ item.meta.count_boost }}</strong> boosts</a>{% endif %}
+{% if item.meta.count_like %}<a class ="bar-item" href="{{ item.activity.object.url }}"><strong>{{ item.meta.count_like }}</strong> likes</a>{% endif %}
 {% endif %}
 
 {% if ui and session.logged_in %}