small style improvements

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) {