From 9a7d797e547bee7bceef25dbc2df47ce9aae6724 Mon Sep 17 00:00:00 2001
From: Jason McBrayer <jmcbray@carcosa.net>
Date: Mon, 24 Sep 2018 11:11:08 -0400
Subject: [PATCH] Make the 'older' button load more in the page

---
 brutaldon/templates/main/timeline.html | 49 ++++++++++++++++----------
 1 file changed, 31 insertions(+), 18 deletions(-)

diff --git a/brutaldon/templates/main/timeline.html b/brutaldon/templates/main/timeline.html
index 2f8f200..06e500f 100644
--- a/brutaldon/templates/main/timeline.html
+++ b/brutaldon/templates/main/timeline.html
@@ -21,25 +21,38 @@
         <hr class="is-hidden">
     {% endif %}
     <h1 class="title">Your {{ timeline_name }} timeline</h1>
-    {% for toot in toots %}
-        {% if toot.reblog %}
-            {% include "main/toot_partial.html" with toot=toot.reblog reblog=True reblog_by=toot.account.acct reblog_icon=toot.account.avatar_static %}
-        {% else %}
-            {% include "main/toot_partial.html" with toot=toot reblog=False %}
-        {% endif %}
-        <hr class="is-hidden">
-    {% endfor %}
+    <div id="timeline">
+        {% for toot in toots %}
+            {% if toot.reblog %}
+                {% include "main/toot_partial.html" with toot=toot.reblog reblog=True reblog_by=toot.account.acct reblog_icon=toot.account.avatar_static %}
+            {% else %}
+                {% include "main/toot_partial.html" with toot=toot reblog=False %}
+            {% endif %}
+            <hr class="is-hidden">
+        {% endfor %}
 
-    {% block pagination %}
-        <nav class="pagination is-centered" role="navigation" aria-label="pagination">
-            {% if prev %}
-                <a class="pagination-next" href="{% url 'home_prev' prev.since_id %}">Newer</a>
-            {% endif %}
-            {% if next %}
-                <a class="pagination-previous" href="{% url 'home_next' next.max_id %}">Older</a>
-            {% endif %}
-        </nav>
-    {% endblock %}
+        {% block pagination %}
+            <div class="around-pagination">
+                <div class="columns">
+                    {% if next %}
+                        <p class="column is-one-quarter"></p>
+                        <p class="column">
+                            <a class="pagination-previous is-fullwidth button"
+                               href="{% url 'home_next' next.max_id %}"
+                               ic-get-from="{% url 'home_next' next.max_id %}"
+                               ic-select-from-response="#timeline"
+                               ic-indicator="#page-load-indicator"
+                               ic-target="closest div.around-pagination"
+                            >
+                                Older
+                            </a>
+                        </p>
+                        <p class="column is-one-quarter"></p>
+                    {% endif %}
+                </div>
+            </div>
+        {% endblock %}
+    </div>
 {% endblock %}
 
 {% block page_scripts_inline %}