mailbox view: improve pagination styles

This makes the buttons larger and easier to notice/click.

themes/alps/assets/style.css

@@ -292,9 +292,22 @@ main table tfoot {
 }
 
 .actions-wrap { display: flex; flex-direction: row; }
-.actions-pagination { margin-left: 1rem; display: flex; flex-direction: row; }
 .actions-search { display: flex; flex-direction: row; flex-grow: 1; }
 
+.actions-pagination {
+  margin-left: 1rem;
+  display: flex;
+  flex-direction: row;
+}
+
+.actions-pagination .button-link {
+  padding: 0.3rem 0.5rem;
+}
+
+.actions-pagination .button-link:first-child:not(:last-child) {
+  margin-right: 0.3rem;
+}
+
 .actions-wrap .action-group {
   margin-left: 0.3rem;
 }

themes/alps/messages-header.html

@@ -36,11 +36,10 @@
   {{if or (ge .PrevPage 0) (ge .NextPage 0) }}
   <div class="actions-pagination">
     {{if ge .PrevPage 0}}
-      {{if ge .PrevPage 1}}<a href="?page=0" class="button-link">«</a>{{ end }}
-      <a href="?page={{.PrevPage}}" class="button-link">‹</a>
+      <a href="?page={{.PrevPage}}" class="button-link">«</a>
     {{end}}
     {{if ge .NextPage 0}}
-      <a href="?page={{.NextPage}}" class="button-link">›</a>
+      <a href="?page={{.NextPage}}" class="button-link">»</a>
     {{end}}
   </div>
   {{ end }}