static/tgal.css: Centre the thumbstrip horizontally if it's short.
authorMark Wooding <mdw@distorted.org.uk>
Thu, 23 Dec 2021 21:57:16 +0000 (21:57 +0000)
committerMark Wooding <mdw@distorted.org.uk>
Sat, 25 Dec 2021 16:09:01 +0000 (16:09 +0000)
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.

static/tgal.css

index 3d7fb19..c084d5f 100644 (file)
@@ -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 -------------------------------------------------*/