From: Mark Wooding <mdw@distorted.org.uk>
Date: Thu, 23 Dec 2021 21:57:16 +0000 (+0000)
Subject: static/tgal.css: Centre the thumbstrip horizontally if it's short.
X-Git-Url: https://git.distorted.org.uk/~mdw/tgal/commitdiff_plain/9d4672d48318f172cc7e0d7ab0450be7d5e605fd

static/tgal.css: Centre the thumbstrip horizontally if it's short.

Using `justify-content' clips thumbnails on the left, if there are too
many to fit.  Instead, (a) set `max-width' rather than `width', and use
`align-self' to centre in the outer flex box.
---

diff --git a/static/tgal.css b/static/tgal.css
index 3d7fb19..c084d5f 100644
--- a/static/tgal.css
+++ b/static/tgal.css
@@ -144,10 +144,10 @@ a.view img {
 }
 
 div.thumbstrip {
-	width: 100%;
+	max-width: 100%;
 	overflow-x: auto;
 	text-align: center;
-	display: flex; flex-direction: row;
+	display: flex; flex-direction: row; align-self: center;
 }
 
 /*----- That's all, folks -------------------------------------------------*/