static/tgal.css: Explicitly centre text in `figcaption'.

[tgal] / static / tgal.css

diff --git a/static/tgal.css b/static/tgal.css
index 3d7fb19..251541f 100644 (file)
--- a/static/tgal.css
+++ b/static/tgal.css
@@ -80,14 +80,14 @@ div.gallery {
        text-align: center;
 }
 
-div.pic {
+figure.thumb {
        display: inline-block;
        vertical-align: top;
        width: 228px;
        margin: 1em;
 }
 
-div.pic a:link { display: inline-block; }
+a.thumb:link { display: inline-block; }
 
 img.thumb {
        width: 228px; height: 228px;
@@ -103,12 +103,13 @@ div.comment {
        margin-top: 2ex; margin-bottom: 2ex;
 }
 
-div.caption {
+figure.thumb figcaption {
        display: block;
        width: 228px;
 }
-div.caption span.name { font-family: sans-serif; }
-div.caption span.comment { font-style: italic; margin-inline-start: 1em; }
+figcaption { text-align: center; }
+figcaption span.name { font-family: sans-serif; }
+figcaption span.comment { font-style: italic; margin-inline-start: 1em; }
 
 div.viewnav {
        flex-grow: 1; flex-basis: 0;
@@ -128,7 +129,7 @@ a.prev, a.next {
        background-color: #0006;
        min-width: 1em;
        text-align: center;
-       min-height: 3.5ex;
+       min-height: 3ex;
 }
 a.view {
        flex-grow: 1; flex-basis: 0;
@@ -144,10 +145,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 -------------------------------------------------*/