tidy up pagination barpagination

2 files changed, 8 insertions, 4 deletions

diff --git a/apioforum/static/style.css b/apioforum/static/style.css
index 280749b..342db6c 100644
--- a/apioforum/static/style.css
+++ b/apioforum/static/style.css
@@ -116,6 +116,10 @@ nav#navbar p:first-of-type { margin-left:0.5em }
 nav#navbar a { color: blue; text-decoration: none }
 nav#navbar .links { display: flex; }
 
+nav#pages { text-align: center; margin-top: 2vh; margin-bottom: 2vh; }
+nav#pages a { margin-left: 2vw; margin-right: 2vw; }
+nav#pages .mid { margin-left: 5vw; margin-right: 5vw; }
+
 /* todo: make the navbar less bad */
 .flashmsg { border: 1px solid black; background-color: yellow; max-width: max-content; padding: 5px; clear: both;}
 
diff --git a/apioforum/templates/common.html b/apioforum/templates/common.html
index 8eeef70..638c423 100644
--- a/apioforum/templates/common.html
+++ b/apioforum/templates/common.html
@@ -142,13 +142,13 @@
 {% macro pagination_nav(page,max_pageno,view) %}
 <nav aria-label="pagination" id="pages">
 	{% if page > 1 %}
-	<a href="{{url_for(view,**kwargs)}}" aria-label="first page">&lt;&lt;</a>
-	<a href="{{url_for(view,page=page-1,**kwargs)}}" aria-label="previous page">&lt;</a>
+	<a href="{{url_for(view,**kwargs)}}" aria-label="first page">&lt;&lt; first</a>
+	<a href="{{url_for(view,page=page-1,**kwargs)}}" aria-label="previous page">&lt; prev</a>
 	{% endif %}
 	page {{page}} of {{max_pageno}}
 	{% if page < max_pageno %} {# > #}
-	<a href="{{url_for(view,page=page+1,**kwargs)}}" aria-label="next page">&gt;</a>
-	<a href="{{url_for(view,page=max_pageno,**kwargs)}}" aria-label="last page">&gt;&gt;</a>
+	<a href="{{url_for(view,page=page+1,**kwargs)}}" aria-label="next page">next &gt;</a>
+	<a href="{{url_for(view,page=max_pageno,**kwargs)}}" aria-label="last page">last &gt;&gt;</a>
 	{% endif %}
 </nav>
 {% endmacro %}