From e2c023915559b1230cf19a06734c6f5ed76148e3 Mon Sep 17 00:00:00 2001
From: Bryan Newbold <bnewbold@archive.org>
Date: Mon, 25 Jan 2021 18:22:49 -0800
Subject: html: fix pagination box on mobile

---
 fatcat_scholar/templates/search_macros.html | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

(limited to 'fatcat_scholar/templates/search_macros.html')

diff --git a/fatcat_scholar/templates/search_macros.html b/fatcat_scholar/templates/search_macros.html
index 0e6b3f0..5552dc3 100644
--- a/fatcat_scholar/templates/search_macros.html
+++ b/fatcat_scholar/templates/search_macros.html
@@ -489,24 +489,26 @@
 
 {% macro search_pagination(hits, top) %}
 {% if hits.offset > 0 %}
-  <button class="text-button" form="search_form" type="submit" name="offset" value="{{ hits.offset - hits.limit }}" style="margin-right: 2em;" rel="prev">
+  <button class="text-button" form="search_form" type="submit" name="offset" value="{{ hits.offset - hits.limit }}" style="float: left;" rel="prev">
     <a>&#xab; {% trans %}Previous{% endtrans %}</a>
   </button>
 {% else %}
-  <span style="color:rgba(0,0,0,0.55); margin-right: 2em;">&#xab; {% trans %}Previous{% endtrans %}</span>
+  <span style="color:rgba(0,0,0,0.55); float: left">&#xab; {% trans %}Previous{% endtrans %}</span>
 {% endif %}
+
+{% if hits.offset + hits.limit < hits.count_found %}
+<button class="text-button" form="search_form" type="submit" name="offset" value="{{ hits.offset + hits.limit }}" style="float: right;" rel="next">
+  <a>{% trans %}Next{% endtrans %} &#xbb;</a>
+</button>
+{% else %}
+  <span style="color:rgba(0,0,0,0.55); float: right;">{% trans %}Next{% endtrans %} &#xbb;</span>
+{% endif %}
+
 <i>
   {% trans trimmed start=(hits.offset + 1), end=(hits.offset + hits.limit), total="{:,}".format(hits.count_found) %}
     Showing results {{ start }} &mdash; {{ end }} out of {{ total }} results
   {% endtrans %}
 </i>
-{% if hits.offset + hits.limit < hits.count_found %}
-<button class="text-button" form="search_form" type="submit" name="offset" value="{{ hits.offset + hits.limit }}" style="margin-left: 2em;" rel="next">
-  <a>{% trans %}Next{% endtrans %} &#xbb;</a>
-{% else %}
-  <span style="color:rgba(0,0,0,0.55); margin-left: 2em;">{% trans %}Next{% endtrans %} &#xbb;</span>
-{% endif %}
-</button>
 {% endmacro %}
 
 {% macro query_option(options, selected) -%}
-- 
cgit v1.2.3