static/tgal.css: Use flex layout for folder galleries.

[tgal] / static / tgal.css

diff --git a/static/tgal.css b/static/tgal.css
index de367ed..ca027f4 100644 (file)
--- a/static/tgal.css
+++ b/static/tgal.css
@@ -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 {
@@ -107,6 +107,7 @@ figure.thumb figcaption {
        display: block;
        width: 228px;
 }
+figcaption { text-align: center; }
 figcaption span.name { font-family: sans-serif; }
 figcaption span.comment { font-style: italic; margin-inline-start: 1em; }