static/tgal.css: Use flex layout for folder galleries.
authorMark Wooding <mdw@distorted.org.uk>
Thu, 23 Dec 2021 21:59:36 +0000 (21:59 +0000)
committerMark Wooding <mdw@distorted.org.uk>
Sat, 25 Dec 2021 16:09:18 +0000 (16:09 +0000)
Space the elements evenly in each row.  Alas, it's hard to arrange for
lines to be broken so that each row has about the same number of items,
so that's a project for later.

static/tgal.css

index 251541f..ca027f4 100644 (file)
@@ -76,8 +76,8 @@ div.footitem {
 }
 
 div.gallery {
-       display: block;
-       text-align: center;
+       display: flex; flex-direction: row; flex-wrap: wrap;
+       align-items: start; justify-content: space-evenly;
 }
 
 figure.thumb {