Style admin pagination widget, add missing locale keys

Pagination had almost no styling, and its current-page selector never
matched will_paginate's actual markup. Added chip-style page links, a
solid current-page indicator, and distinct disabled states for
Previous/Next.

Previous/Next/gap rendered as empty, unlabeled elements --
will_paginate only ships English translations and this app defaults
to German. Added previous_label/next_label/page_gap to en.yml and
de.yml.

1 files changed, 41 insertions, 1 deletions

diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index 4723f50..28b8494 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -240,12 +240,52 @@ span.warning a {
 div.pagination {
   padding-top: 5px;
   padding-bottom: 15px;
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+}
+
+div.pagination a,
+div.pagination em.current,
+div.pagination span.gap {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.75rem;
+  height: 1.75rem;
+  padding: 0 0.4rem;
+  border-radius: 4px;
+  font-style: normal;
+}
+
+div.pagination a {
+  text-decoration: underline;
+  text-decoration-style: wavy;
+  text-decoration-color: #b0b0b0;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 2px;
 }
 
-div.pagination span.current, div.pagination a:hover {
+div.pagination a:hover {
   color: #ff9600;
 }
 
+div.pagination em.current {
+  background-color: #ff9600;
+  color: #ffffff;
+  font-weight: bold;
+}
+
+div.pagination span.gap {
+  color: #969696;
+}
+
+div.pagination .previous_page.disabled,
+div.pagination .next_page.disabled {
+  color: #969696;
+  cursor: not-allowed;
+}
+
 /* ============================================================
    Buttons
    ============================================================ */