From 42c513914b572889d1afb271d819a4122a92d2f4 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Fri, 16 Apr 2021 18:02:32 +0200
Subject: [PATCH] fix columns in gallery

---
 style/shiny/gallery.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/style/shiny/gallery.css b/style/shiny/gallery.css
index 94cb0bd..8514f83 100644
--- a/style/shiny/gallery.css
+++ b/style/shiny/gallery.css
@@ -3,13 +3,15 @@
 
 :root {
   --image-size: 200px;
+  --gap: 1em;
+  --cols: 5;
 }
 
 .page {
-  --gap: 1em;
-  max-width: calc(4 * var(--image-size) + 3 * var(--gap));
-  padding-left: 4em;
-  padding-right: 4em;
+  max-width: calc(
+    var(--cols) * var(--image-size) +
+    (var(--cols) - 1) * var(--gap)
+  );
 }
 
 #filters div {