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

[tgal] / static / tgal.css

diff --git a/static/tgal.css b/static/tgal.css
index dc95e2c..c084d5f 100644 (file)
--- a/static/tgal.css
+++ b/static/tgal.css
@@ -106,7 +106,6 @@ div.comment {
 div.caption {
        display: block;
        width: 228px;
-       white-space: normal;
 }
 div.caption span.name { font-family: sans-serif; }
 div.caption span.comment { font-style: italic; margin-inline-start: 1em; }
@@ -145,10 +144,10 @@ a.view img {
 }
 
 div.thumbstrip {
-       width: 100%;
+       max-width: 100%;
        overflow-x: auto;
        text-align: center;
-       white-space: nowrap;
+       display: flex; flex-direction: row; align-self: center;
 }
 
 /*----- That's all, folks -------------------------------------------------*/