aboutsummaryrefslogtreecommitdiff
path: root/themes
diff options
context:
space:
mode:
authorDrew DeVault <sir@cmpwn.com>2020-05-13 14:34:04 -0400
committerSimon Ser <contact@emersion.fr>2020-05-13 20:45:59 +0200
commitdfb381058bca883561af4053074db560d34822d8 (patch)
tree34a11719a74bcaeae0993ca76f1d5d2432f4e081 /themes
parent02bc8f68c92e7a3a559d9716c7689840e6c2a306 (diff)
downloadalps-dfb381058bca883561af4053074db560d34822d8.tar.gz
alps-dfb381058bca883561af4053074db560d34822d8.zip
mailbox view: improve pagination styles
This makes the buttons larger and easier to notice/click.
Diffstat (limited to 'themes')
-rw-r--r--themes/alps/assets/style.css15
-rw-r--r--themes/alps/messages-header.html5
2 files changed, 16 insertions, 4 deletions
diff --git a/themes/alps/assets/style.css b/themes/alps/assets/style.css
index 9b885ad..5f3a59b 100644
--- a/themes/alps/assets/style.css
+++ b/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;
}
diff --git a/themes/alps/messages-header.html b/themes/alps/messages-header.html
index 44cb78b..dadf8e1 100644
--- a/themes/alps/messages-header.html
+++ b/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 }}