diff options
| author | Drew DeVault <sir@cmpwn.com> | 2020-05-13 14:34:04 -0400 |
|---|---|---|
| committer | Simon Ser <contact@emersion.fr> | 2020-05-13 20:45:59 +0200 |
| commit | dfb381058bca883561af4053074db560d34822d8 (patch) | |
| tree | 34a11719a74bcaeae0993ca76f1d5d2432f4e081 | |
| parent | 02bc8f68c92e7a3a559d9716c7689840e6c2a306 (diff) | |
| download | alps-dfb381058bca883561af4053074db560d34822d8.tar.gz alps-dfb381058bca883561af4053074db560d34822d8.zip | |
mailbox view: improve pagination styles
This makes the buttons larger and easier to notice/click.
| -rw-r--r-- | themes/alps/assets/style.css | 15 | ||||
| -rw-r--r-- | themes/alps/messages-header.html | 5 |
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 }} |