diff options
| -rw-r--r-- | bin/serve.fnl | 4 | ||||
| -rw-r--r-- | static/style.css | 30 |
2 files changed, 26 insertions, 8 deletions
diff --git a/bin/serve.fnl b/bin/serve.fnl index efc17de..75d3387 100644 --- a/bin/serve.fnl +++ b/bin/serve.fnl @@ -373,7 +373,7 @@ (array.concat (if (< (+ 1 radius) page) [[:a {:href (form->path 1 form)} "1"] - (if (< (+ 2 radius) page) "…" "")] + (if (< (+ 2 radius) page) [:span {} "…"] "")] []) (faccumulate [res [] i (math.max 1 (- page radius)) (math.min last-page (+ page radius))] @@ -384,7 +384,7 @@ (tostring i)]) res)) (if (< radius (- last-page page)) - [(if (< (+ 1 radius) (- last-page page)) "…" "") + [(if (< (+ 1 radius) (- last-page page)) [:span {} "…"] "") [:a {:href (form->path last-page form)} (tostring last-page)]] [])))])) diff --git a/static/style.css b/static/style.css index fdaf120..8d04819 100644 --- a/static/style.css +++ b/static/style.css @@ -102,6 +102,11 @@ h1, h2, h3, h4, h5, h6 { .paginator-numbers { width: 100%; + display: flex; +} + +.paginator-numbers > span > * { + margin-right: 0.375rem; } .paginator-numbers a { @@ -111,6 +116,7 @@ h1, h2, h3, h4, h5, h6 { .paginator-active { font-weight: bold; text-decoration: none; + font-style: italic; pointer-events: none; } @@ -219,11 +225,6 @@ footer { margin-bottom: 1rem; } - .tile { - width: calc(50% - 1rem); - overflow-wrap: break-word; - } - button, select, input { @@ -265,12 +266,29 @@ footer { } .list { - gap: 1rem; + gap: 2rem 1rem; + justify-content: space-between; + } + + .tile { + overflow-wrap: break-word; + width: calc(50% - 1rem); + } + + .tile .img, + .tile .img-link { + width: 100%; + height: auto; + aspect-ratio: 1; } .description { margin-top: 1rem; } + + ol { + padding-left: 1.125rem; + } } @media screen and (max-width: 30rem) { |