Duplicate page picker at bottom of event listHEADmaster

2 files changed, 40 insertions, 6 deletions

diff --git a/pages/log.mustache b/pages/log.mustache
index 851288d..254a9cd 100644
--- a/pages/log.mustache
+++ b/pages/log.mustache
@@ -15,11 +15,11 @@
     </header>
     <main>
       <h1>Logs: {{network}}/{{channel}}</h1>
-      <div id="pagepicker">
+      <div class="pagepicker">
         {{#picker}}
           {{#prevpage}}<a href="?page={{prevpage}}">{{/prevpage}}{{^prevpage}}<span class="link-disabled">{{/prevpage}}&larr;Prev</a>&nbsp;
           {{#nextpage}}<a href="?page={{nextpage}}">{{/nextpage}}{{^nextpage}}<span class="link-disabled">{{/nextpage}}Next&rarr;</a>
-          <div id="pagepicker-pages">
+          <div class="pagepicker-pages">
             Page
             {{#firstpage}}
               <a href="?page=1">1</a>
@@ -54,6 +54,36 @@
           </tr>
         {{/events}}
       </tbody></table>
+      <div class="pagepicker">
+        {{#picker}}
+          {{#prevpage}}<a href="?page={{prevpage}}">{{/prevpage}}{{^prevpage}}<span class="link-disabled">{{/prevpage}}&larr;Prev</a>&nbsp;
+          {{#nextpage}}<a href="?page={{nextpage}}">{{/nextpage}}{{^nextpage}}<span class="link-disabled">{{/nextpage}}Next&rarr;</a>
+          <div class="pagepicker-pages">
+            Page
+            {{#firstpage}}
+              <a href="?page=1">1</a>
+            {{/firstpage}}
+            {{#leftdots}}
+              ..
+            {{/leftdots}}
+            {{#leftnums}}
+              <a href="?page={{.}}">{{.}}</a>
+            {{/leftnums}}
+            <b>{{curnum}}</b>
+            {{#rightnums}}
+              <a href="?page={{.}}">{{.}}</a>
+            {{/rightnums}}
+            {{#rightdots}}
+              ..
+            {{/rightdots}}
+            {{#lastpage}}
+              <a href="?page={{npages}}">{{npages}}</a>
+            {{/lastpage}}
+          </div>
+        {{/picker}}
+        <span style="margin: 0 9px 0 4px">&mdash;</span>
+        {{totalevents}} events total
+      </div>
     </main>
     <footer>
       An IRC log viewer by
diff --git a/pages/style.css b/pages/style.css
index d9ade07..6fb9fbe 100644
--- a/pages/style.css
+++ b/pages/style.css
@@ -94,23 +94,27 @@ footer {
 }
 
 /* log page */
-#pagepicker {
+.pagepicker {
   display: inline-block;
   background-color: var(--footer-bg-color);
   padding: 5px;
   border-radius: 5px;
-  margin-bottom: 10px;
 }
 
-#pagepicker-pages {
+.pagepicker-pages {
   display: inline-block;
   margin-left: 10px;
 }
 
-#pagepicker-pages a, #pagepicker-pages b {
+.pagepicker-pages a, .pagepicker-pages b {
   padding: 0 6px;
 }
 
+table#events {
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+
 table#events td {
   padding: 2px;
   vertical-align: top;