From e07e90ccd1aea9f426439458b441c46b7ebebd88 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Sat, 11 Sep 2021 17:18:48 +0200
Subject: [PATCH] nicer style for categorised alts

---
 style/shiny/single.css | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/style/shiny/single.css b/style/shiny/single.css
index f83d73b..0c1deca 100644
--- a/style/shiny/single.css
+++ b/style/shiny/single.css
@@ -208,11 +208,28 @@ footer {
   text-align: center;
 }
 
-.cat :is(h3,ul) { margin: 0; }
+#alts.cat {
+  display: grid;
+  grid-template-columns: min-content auto;
+  grid-gap: 0.5em;
+  align-items: baseline;
+  justify-content: center;
+}
+
+#alts.cat :is(h3,ul) { margin: 0; }
+
+#alts section {
+  display: contents;
+}
 
 #alts h3 {
   font-weight: 600;
   display: inline;
   padding-right: 0.5em;
+  text-align: right;
+}
+
+#alts.cat ul {
+  display: inline flex;
+  justify-content: start;
 }
-#alts ul { display: inline flex; }