From 08e180dd6503a78e031a3ddf28c3f95351176775 Mon Sep 17 00:00:00 2001
From: Alek Ratzloff <alekratz@gmail.com>
Date: Sun, 13 Aug 2023 18:23:22 -0700
Subject: [PATCH] Tweaking HTML some more

* Add some margin space around the prev/next links
* Increase prev/next link font size
* Add prev/next text without link when we're on the first/last page
* Add useful placeholder text to the "board" search

Signed-off-by: Alek Ratzloff <alekratz@gmail.com>
---
 chanbans/templates/index.html | 42 ++++++++++++++++++++++-------------
 static/style00.css            |  5 +++++
 2 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/chanbans/templates/index.html b/chanbans/templates/index.html
index f946d60..051125b 100644
--- a/chanbans/templates/index.html
+++ b/chanbans/templates/index.html
@@ -5,7 +5,7 @@
 {% block main %}
     <div id="search">
         <form action="" method="get">
-            <input type="text" name="board" placeholder="Board" value="{{query['board']}}" />
+            <input type="text" name="board" placeholder="Board (without / - ex. g instead of /g/)" value="{{query['board']}}" />
             <input type="text" name="reason" placeholder="Reason/rule" value="{{query['reason']}}" />
             <input type="text" name="name" placeholder="Name" value="{{query['name']}}" />
             <input type="text" name="trip" placeholder="Trip" value="{{query['trip']}}" />
@@ -16,13 +16,19 @@
         </form>
     </div>
     {# pagination #}
-    {% if query['offset'] != 0 %}
-        <a href="{{prev_page}}">Prev</a>
-    {% endif %}
-    |
-    {% if posts|length == config.HTTP_RESULTS_PER_PAGE %}
-        <a href="{{next_page}}">Next</a>
-    {% endif %}
+    <div class="pagecount">
+        {% if query['offset'] != 0 %}
+            <a href="{{prev_page}}">Prev</a>
+        {% else %}
+            Prev
+        {% endif %}
+        |
+        {% if posts|length == config.HTTP_RESULTS_PER_PAGE %}
+            <a href="{{next_page}}">Next</a>
+        {% else %}
+            Next
+        {% endif %}
+    </div>
     <table id="bans-table">
         <thead>
             <tr>
@@ -74,11 +80,17 @@
         {% endfor %}
     </table>
     {# pagination #}
-    {% if query['offset'] != 0 %}
-        <a href="{{prev_page}}">Prev</a>
-    {% endif %}
-    |
-    {% if posts|length == config.HTTP_RESULTS_PER_PAGE %}
-        <a href="{{next_page}}">Next</a>
-    {% endif %}
+    <div class="pagecount">
+        {% if query['offset'] != 0 %}
+            <a href="{{prev_page}}">Prev</a>
+        {% else %}
+            Prev
+        {% endif %}
+        |
+        {% if posts|length == config.HTTP_RESULTS_PER_PAGE %}
+            <a href="{{next_page}}">Next</a>
+        {% else %}
+            Next
+        {% endif %}
+    </div>
 {% endblock main %}
diff --git a/static/style00.css b/static/style00.css
index 35b9462..dcc4ca9 100644
--- a/static/style00.css
+++ b/static/style00.css
@@ -37,6 +37,11 @@ header {
     width: 100%;
 }
 
+.pagecount {
+    margin: 5px 0px;
+    font-size: large;
+}
+
 table {
     border-top: 1px solid black;
     border-left: 1px solid black;